@charset "utf-8";
@import "../iconfont/iconfont.css";
:root {
 --default_color: #e46d00;
}
/* CSS Document */
html {
	font-size: 62.5%;
	font-size: 10px;
}
@media (max-width: 1440px) {
html {
 font-size: calc(10 * 100vw / 1440);
}
}
@media (max-width: 1000px) {
html {
 font-size: calc(10 * 100vw / 368);
}
}
body, button, input, select, textarea {
	background: none repeat scroll 0 0 #fff;
	color: #666;
	font: 16px/1 "Arial", "微软雅黑";
	margin: 0;
	padding: 0;
	overflow: hidden;
}
body, html {
	scroll-behavior: smooth;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 16px;
	padding: 0;
	margin: 0;
}
ul, ol, li, dl, dt, dd {
	list-style: none;
	text-decoration: none;
	height: auto;
	padding: 0;
	margin: 0;
}
address, cite, dfn, em, var {
	font-style: normal;
}
/* 将斜体扶正 */
code, kbd, pre, samp, tt {
	font-family: "Courier New", Courier, monospace;
}
/* 统一等宽字体 */
small {
	font-size: 14px;
}
/* 小于 12px 的中文很难阅读，让 small 正常化 */
abbr[title], acronym[title] {
	/* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */
	border-bottom: 1px dotted;
	cursor: help;
}
q:before, q:after {
	content: "";
}
p {
	margin: 0;
	padding: 0;
}
/* 重置表单元素 */
legend {
	color: #424242;
}
/* for ie6 */
fieldset, img {
	border: none;
}
/* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
	font-size: 100%;/* 使得表单元素在 ie 下能继承字体大小 */
}
input[type="text"], input[type="hidden"], input[type="button"], input[type="radio"], input[type="submit"], input[type="checkbox"], input[type="password"], button, textarea, select {
	outline: none;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
}
/* 重置表格元素 */
/* 重置 hr */
hr {
	border: none;
	height: 1px;
}
/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
:hover {
	text-decoration: none !important;
}
html {
	overflow-y: scroll;
}
:link {
	text-decoration: none;
	color: #424242;
}
:visited {
	text-decoration: none;
	color: #424242;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
[data-mfp-src], .btn-img-popup {
	cursor: -webkit-zoom-in;
	cursor: zoom-in;
}
a {
	text-decoration: none;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
img, .menu span, .header-right, .header, .header-code:before, .header-code span, .header-code p, .header-lang, .search, .search form, .search-close, .header-right ul li.icon span:before, .header-right ul li.icon span:after, .header-search:before, .header-search:after, .subs, .subs-item .em:before, .subs-item p i a:before, .subs-item p i a:after, .navs, .navs-li, .navs-li:before, .navs-li p, .navs-li em:before, .navs-li em:after, .navs-form form, .sub-nav, .menu-item:before, .right-phone, .right-wx, .banner-detail span:before, .banner-detail span:after, .banner-more, .habout-1more span, .habout-1more span:before, .habout-1more span:after, .habout-item, .habout-item samp img, .habout-item span, .happ-bg span, .happ-more span, .happ-more span:before, .happ-more span:after, .happ-item, .happ-item:before, .happ-item samp, .happ-item span, .hpro-right img, .hpro-button .swiper-button-prev:before, .hpro-button .swiper-button-prev:after, .hpro-button .swiper-button-next:before, .hpro-button .swiper-button-next:after, .hpro-title span, .hpro-nav p samp, .hpro-nav p samp:before, .hpro-nav p samp:after, .hpro-nav span, .hpro-nav em:before, .hpro-nav em:after, .hpro-bottom .swiper-button-prev, .hpro-bottom .swiper-button-next, .hnews-left, .hnews-cont .h4, .hnews-info, .hnews-left em, .hnews-left .swiper-pagination span, .hnews-model, .hnews-model:before, .hnews-model span, .hnews-model p, .hnews-model em, .bread-nav ul li a:before, .news-input, .news-right span, .news-item:after, .news-model span, .detail-page span, .vd-1 span, .join-item samp:before, .join-center, .contact-2item:before, .contact-2cont, .contact-3item, .contact-3item span, .contact-3item p, .join-2right span, .zx-nav span, .zx-2item, .zx-2left span, .zx-2left em, .zx-2left em:before, .zx-2left em:after, .zp-5, .zp-5 input, .solve-nav ul li, .solve-nav ul li samp img, .solve-2more em, .solve-2more em:before, .solve-2more em:after, .solve-3content .swiper-slide, .solve-3content .swiper-button-prev, .solve-3content .swiper-button-next, .solve-4right em, .solve-5 ul li, .solve-6 ul li, .solve-6 ul li:before, .solve-7pannel ul li, .solve-7pannel ul li span, .solve-7pannel ul li em, .pro-title, .pro-title span, .pro-title span:before, .pro-title em:before, .pro-title em:after, .pro-item span, .pro-item em:before, .pro-item em:after, .pro-model ul li, .pro-li p, .pro-li p span, .pro-1nav .swiper-slide, .pro-1nav .swiper-button-prev, .pro-1nav .swiper-button-next, .pro-2 ul li, .pro-2 ul li:before, /*.pro-3pannel,*/
.pro-3small samp, .pro-3small samp:before, .pro-3small .pro-3res span, .pro-3small .pro-3res em, .pro-3rel span, .pro-3rel .swiper-button-prev, .pro-3rel .swiper-button-next, .pro-3item samp em, .pro-3video .swiper-button-prev, .pro-3video .swiper-button-next, .down-1icon, .down-1icon samp img, .down-1icon span, .down-2content ul li, .down-2content ul li span, .down-2content ul li em, .down-3content .swiper-slide, .down-3item samp em, .down-3item span, .down-3content .swiper-button-prev, .down-3content .swiper-button-next, .down-4 .txt5, .down-4 textarea, .down-4bt input, .tz-2 ul li, .tz-2item, .tz-2left:before, .tz-2left span, .tz-2left em, .tz-2right span, .tz-2right em, .tz-3item, .tz-3item samp img, .tz-3item span, .server-1left ul li, .server-1bg span, .server-1icon samp:before, .server-1icon samp:after, .server-1icon span, .server-3 ul li, .server-3 ul li span, .server-3 ul li em, .server-3more, .server-4 ul li, .server-4 ul li:after, .server-4 ul li span, .server-4item span, .server-4more, .pro-3li, .pro-3li span, .pro-3li em, .zx-close, .zx-g select, .zx-g .txt5, .zx-g textarea, .zx-bt input {
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}
/*swiper*/
.swiper-container {
	width: 100%;
	height: 100%;
}
/*.swiper-slide{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;height:auto;}*/
.swiper-button-prev, .swiper-button-next {
	background: none;
}
.swiper-button-prev::after, .swiper-button-next::after {
	content: "";
}
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.animated.hinge {
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
}
@-webkit-keyframes fadeInUp {
 0% {
 opacity: 0;
 -webkit-transform: translateY(40px);
 transform: translateY(40px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
@keyframes fadeInUp {
 0% {
 opacity: 0;
 -webkit-transform: translateY(40px);
 -ms-transform: translateY(40px);
 transform: translateY(40px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
 -ms-transform: translateY(0);
 transform: translateY(0);
}
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

@media (max-width: 767px) {
.hidden-xs {
	display: none !important;
}
}

@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
	display: none !important;
}
}

@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
	display: none !important;
}
}

@media (min-width: 1200px) {
.hidden-lg {
	display: none !important;
}
}

@media (max-width: 992px) {
.container {
	padding: 0 15px;
}
}

@media (min-width: 1200px) {
.container {
	max-width: 98%;
}
}

@media (min-width: 1300px) {
.container {
	max-width: 96%;
}
}

@media (min-width: 1400px) {
.container {
	max-width: 95%;
}
}

@media (min-width: 1600px) {
.container {
	max-width: 1600px;
}
}
/*======================公用样式=======================*/
.wrap {
	width: 100%;
}
.wrap-8 {
	padding: 0 8%;
}
@media (min-width: 1000px) and (max-width: 1583px) {
.wrap-8 {
	padding:0 15px;
}
}
.wrap-show {
	background: #000;
}
.wrap-show .lyLogo a img.logo1 {
	display: inline-block;
}
.wrap-show .lyLogo a img.logo2 {
	display: none;
}
.wrap-show .navbar a {
	color: #fff;
}
.wrap-show .navbar .active {
	color: #fff !important;
}
.wrap-show .navbar a span::after {
	background: #fff;
}
.wrap-show .icon img.icon1 {
	display: inline-block;
}
.wrap-show .icon img.icon2 {
	display: none;
}
.wrap-show .lang a {
	color: #fff !important;
}

@media (max-width: 992px) {
.wrap-8 {
	padding: 0 15px;
	background: #fff;
}
}
.inner-header {
	background: #fff;
}
.lyLogo {
	width: auto;
	height: 71px;
	overflow: hidden;
	padding: 0;
	float: left;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.lyLogo a {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 71px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.lyLogo a img {
	display: inline-block;
	height: auto;
	margin: 0;
	padding: 0;
}
.lyLogo a img.logo2 {
	display: none;
}
.header-scrolled .wrap-8, .wrap-8:hover {
	background-color: #fff;
}
.header-scrolled .wrap-8, .wrap-8:hover a {
	color: #333;
}
.header-scrolled .lyLogo a img.logo1, .wrap-8:hover .lyLogo a img.logo1 {
	display: none;
}
.header-scrolled .lyLogo a img.logo2, .wrap-8:hover .lyLogo a img.logo2 {
	display: inline-block;
}

@media (max-width: 992px) {
.lyLogo {
	height: auto;
}
}

@media (max-width: 767px) {
.wrap-8 .lyLogo {
	margin: 0;
	background: none;
}
.lyLogo a {
	height: 45px;
}
.header-scrolled .lyLogo a img.logo1,  .wrap-8 .lyLogo a img.logo1 {
	display: none;
}
.header-scrolled .lyLogo a img.logo2,  .wrap-8 .lyLogo a img.logo2 {
	display: inline-block;
}
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
	transition: all 0.5s;
	z-index: 997;
	transition: all 0.5s;
	top: 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
.fixed-top-index {
}
#header .header-container {
/*padding: 15px 0;*/
}
#header.header-scrolled {
	background: #fff;
	box-shadow: 0px 0px 12px 4px rgba(0, 0, 0, 0.02);
	top: 0;
}

@media (max-width: 992px) {
#header {
	box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
	top: 0;
	background: #fff;
	position: relative;
}
#header.header-scrolled,  #header .header-container {
	background: #fff;
	padding: 5px 0;
}
}
/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.navbar {
	padding: 0;
	position: static;
	overflow: visible !important;/* 确保不裁剪下拉菜单 */
}
.navbar ul {
	margin: 0;
	padding: 0;
	display: flex;
	list-style: none;
	align-items: center;
	overflow: visible !important;
}
.navbar a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 30px 23px 32px 23px;
	color: #fff;
	transition: 0.3s;
	font-size: 16px;
	font-weight: 500;
	/*text-transform: uppercase;*/
	white-space: nowrap;
	transition: 0.3s;
}
.header-scrolled .navbar a {
	color: #333;
}
.navbar .dropdown ul a {
	color: #333;
}
.navbar a span {
	font-size: 18px;
	position: relative;
}
.navbar a i {
	font-size: 12px;
	line-height: 0;
	margin-left: 5px;
}
.navbar a:hover, .navbar .active, .navbar li:hover>a {
	color: #fff !important;
}
.navbar a span::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -32px;
	width: 100%;
	margin: 0 auto;
	background: #fff;
	height: 2px;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
	opacity: 0;
}
.navbar a:hover>span::after, .navbar .active span::after, .navbar li:hover>a span::after {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
	opacity: 1;
}
.header-scrolled .navbar a:hover, .header-scrolled .navbar .active, .header-scrolled .navbar li:hover>a {
	color: #fb6f42 !important;
}
.header-scrolled .navbar a span::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -32px;
	width: 100%;
	margin: 0 auto;
	background: #fb6f42;
	height: 2px;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
	opacity: 0;
}
.header-scrolled .navbar a:hover>span::after, .header-scrolled .navbar .active span::after, .header-scrolled .navbar li:hover>a span::after {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
	opacity: 1;
}
.wrap-8:hover .navbar a:hover, .wrap-8:hover .navbar .active, .wrap-8:hover .navbar li:hover>a {
	color: #fb6f42 !important;
}
.wrap-8:hover .navbar a span::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -32px;
	width: 100%;
	margin: 0 auto;
	background: #fb6f42;
	height: 2px;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
	opacity: 0;
}
.wrap-8:hover .navbar a:hover>span::after, .wrap-8:hover .navbar .active span::after, .wrap-8:hover .navbar li:hover>a span::after {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
	opacity: 1;
}
.navbar .getstarted {
	display: none;
}
.navbar .dropdown:nth-child(3) {
	position: static;
}
.navbar .dropdown:not(.has-subs) ul {
	position: absolute;
	left: 14px;
}
.navbar .dropdown .subs {
	width: calc(100% - 30px);
	left: 15px;
	padding: 40px 30px;
	top: calc(100%+5px)
}

@media only screen and (min-width: 1199px) {
.navbar .dropdown .subs {
	min-width: 250px;
	position: absolute;
	z-index: 999;
	margin: 0;
	background-color: white;
	opacity: 0;
	top: 100%;
	box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.15);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transition: transform .3s, opacity .3s;
	transition: transform .3s, opacity .3s;
	border-radius: 0 0 1.25em 1.25em;
}
}
.navbar .dropdown .subs:before {
	content: "";
	position: absolute;
	left: 0;
	top: -25px;
	width: 100%;
	height: 25px;
	z-index: 5
}
.navbar .dropdown .subs li {
	width: calc(20% - 20px);
	float: left;
	border: 1px solid #333;
	box-sizing: border-box;
	margin: 10px;
}
.navbar .dropdown .subs li img {
	width: 100%;
	display: block;
}
.navbar .dropdown .subs li em {
	display: block;
	text-align: center;
	padding-bottom: 10px;
}
.navbar .dropdown .subs a {
	padding: 0;
	display: block;
}
.navbar .dropdown ul {
	display: block;
	position: absolute;
	left: 14px;
	top: calc(100% + 30px);
	margin: 0;
	padding: 10px 0;
	z-index: 99;
	opacity: 0;
	visibility: hidden;
	background: #fff;
	box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
	transition: 0.3s;
}
.navbar .dropdown ul li {
/*min-width: 200px;*/
}
.navbar .dropdown ul a {
	padding: 10px 20px;
	text-transform: none;
	font-weight: 500;
}
.navbar .dropdown ul a i {
	font-size: 12px;
}
.navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover>a {
	color: #d22c2e;
}
.navbar .dropdown:hover>ul {
	opacity: 1;
	top: 100%;
	visibility: visible;
}
.navbar .dropdown .dropdown ul {
	top: 0;
	left: calc(100% - 30px);
	visibility: hidden;
}
.navbar .dropdown .dropdown:hover>ul {
	opacity: 1;
	top: 0;
	left: 100%;
	visibility: visible;
}

@media (max-width: 1366px) {
.navbar .dropdown .dropdown ul {
	left: -90%;
}
.navbar .dropdown .dropdown:hover>ul {
	left: -100%;
}
}

@media (max-width: 992px) {
.navbar .dropdown:not(.has-subs) ul {
	position: static;
}
/* 重置.subs为普通下拉菜单样式 */
.navbar .dropdown .subs {
	width: auto;
	/* 取消100vw全屏宽度 */
	position: absolute;
	/* 改为绝对定位，与普通ul一致 */
	left: 14px !important;
	/* 与普通ul的left保持一致 */
	right: auto;
	/* 取消固定right */
	top: calc(100% + 30px);
	/* 与普通ul的top保持一致 */
	padding: 10px 0;
	/* 与普通ul内边距一致 */
	box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
	/* 应用普通ul阴影 */
	background: #fff;/* 应用普通ul背景 */
}
/* 重置.subs下的li样式 */
.navbar .dropdown .subs li {
	width: auto;
	/* 取消百分比宽度 */
	float: none;
	/* 取消浮动 */
	border: none;
	/* 取消边框 */
	box-sizing: content-box;
	/* 重置盒模型 */
	margin: 0;
	/* 取消外边距 */
	min-width: 200px;/* 与普通下拉li保持一致 */
}
/* 重置.subs下的a链接样式 */
.navbar .dropdown .subs a {
	padding: 10px 20px;
	/* 与普通下拉链接内边距一致 */
	display: flex;
	/* 恢复flex布局 */
	align-items: center;
}
/* 隐藏.subs中的图片（如果移动端不需要） */
.navbar .dropdown .subs li img {
	display: none;
}
.navbar .dropdown .subs li em {
	padding: 0;
	text-align: left;
}
}
/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
	color: #333;
	font-size: 28px !important;
	cursor: pointer;
	display: none;
	line-height: 0;
	transition: 0.5s;
}

@media (max-width: 991px) {
.mobile-nav-toggle {
	display: block;
}
.navbar ul {
	display: none;
}
.navbar a span {
	font-size: 15px;
}
.wrap-8:hover .navbar a span::after {
	height: 0;
}
.navbar a:hover>span::after,  .navbar .active span::after,  .navbar li:hover>a span::after {
	opacity: 0;
}
}
.navbar-mobile {
	position: fixed;
	overflow: hidden;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background: rgba(29, 28, 31, 0.9);
	transition: 0.3s;
	z-index: 999;
}
.navbar-mobile .mobile-nav-toggle {
	position: absolute;
	top: 15px;
	right: 15px;
	color: #fff;
}
.navbar-mobile ul {
	display: block;
	position: absolute;
	top: 55px;
	right: 15px;
	bottom: 15px;
	left: 15px;
	padding: 10px 0;
	background-color: #fff;
	overflow-y: auto;
	transition: 0.3s;
}
.navbar-mobile a {
	padding: 10px 20px;
	font-size: 14px;
	color: #36343a;
}
.navbar-mobile .getstarted {
	display: block;
	margin: 15px;
}
.search-i {
	width: 100%;
	border: 1px solid #e0e0e0;
}
.search-i .search-form {
	position: relative;
}
.search-i .search-form .search-input {
	display: block;
	width: 100%;
	height: 34px;
	line-height: initial;
	background: #fff;
	border: 0;
	color: #787878;
	outline: 0;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	padding-left: 10px;
}
.search-i .search-form .search-button {
	position: absolute;
	right: 0;
	top: 0;
	height: 34px;
	background: 0 0;
	border: 0;
	width: 50px;
	outline: 0;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	padding: 0;
	cursor: pointer;
}
.search-i .search-btn {
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	font-size: 16px;
}
.search-i i {
	color: #f08820;
	font-weight: bold;
}
.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover>a {
	color: #d22c2e;
}
.navbar-mobile .getstarted {
	display: block;
	margin: 15px;
}
.navbar-mobile .dropdown ul {
	position: static;
	display: none;
	margin: 10px 20px;
	padding: 10px 0;
	z-index: 99;
	opacity: 1;
	visibility: visible;
	background: #fff;
	box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}
.navbar-mobile .dropdown ul li {
	min-width: 200px;
}
.navbar-mobile .dropdown ul a {
	padding: 10px 20px;
}
.navbar-mobile .dropdown ul a i {
	font-size: 12px;
}
.navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover>a {
	color: #009970;
}
.navbar-mobile .dropdown>.dropdown-active {
	display: block;
}
.head-right {
	float: right;
	width: auto;
	height: 100%;
}
.header-search {
	float: left;
	width: 18px;
	height: 22px;
	overflow: hidden;
	cursor: pointer;
	position: relative;
	margin-right: 20px;
}
.header-search:before {
	width: 18px;
	height: 100%;
	content: "";
	position: absolute;
	right: 0px;
	top: 0px;
	background: url("../images/icon-1.png") no-repeat center;
}
.header-search:after {
	width: 18px;
	height: 100%;
	content: "";
	position: absolute;
	right: 0px;
	top: 0px;
	background: url("../images/icon-2.png") no-repeat center;
	opacity: 0;
}
.header-scrolled .header-search:before {
	opacity: 0;
}
.header-scrolled .header-search:after {
	opacity: 1;
}
.wrap-8:hover .header-search:after {
	opacity: 1;
}
.search {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0px;
	top: 0px;
	background: rgba(0, 0, 0, 0.6);
	z-index: 500;
	opacity: 0;
	visibility: hidden;
}
.search form {
	width: 80%;
	height: 60px;
	line-height: 60px;
	margin: 100px auto 0px;
	background: #fff;
	position: relative;
	transform: translateY(-100px);
}
.search form .txt {
	width: 100%;
	height: 100%;
	border: 0;
	overflow: hidden;
	display: block;
	box-sizing: border-box;
	padding: 0px 20px 0px 60px;
}
.search form .bt {
	width: 50px;
	height: 100%;
	border: 0;
	overflow: hidden;
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	background: url("../images/icon-2-2.png") no-repeat center;
	cursor: pointer;
}
.search-close {
	width: 60px;
	height: 100%;
	position: absolute;
	right: 0px;
	top: 0px;
	cursor: pointer;
	background: url("../images/close.png") no-repeat center;
}
.search-close:hover {
	transform: rotate(180deg);
}
.search.search-active {
	opacity: 1;
	visibility: visible;
}
.search.search-active form {
	transform: translateY(0px);
}

@media screen and (max-width: 1000px) {
.header-search {
	display: none;
}
}
.header-link {
	float: right;
	padding-left: 20px;
	border-left: 1px solid #fff;
}
.header-link:nth-child(1) {
	float: left;
}
.wrap-8:hover .header-link {
	border-left: 1px solid #333;
}
.header-scrolled .header-link {
	border-left: 1px solid #333;
}
.header-link .icon {
	width: auto;
	height: 22px;
	overflow: hidden;
	padding: 0;
	float: left;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.header-link .icon img {
	display: inline-block;
	height: auto;
	max-height: 100%;
	margin: 0;
	padding: 0;
}
.header-link .icon img.icon2 {
	display: none;
}
.header-scrolled .icon img.icon1, .wrap-8:hover .icon img.icon1 {
	display: none;
}
.header-scrolled .icon img.icon2, .wrap-8:hover .icon img.icon2 {
	display: inline-block;
}
.header-scrolled .icon img.icon3, .wrap-8:hover .icon img.icon3 {
	display: inline-block;
}
.mobile-lang {
	display: none;
}

@media (max-width: 992px) {
.header_language {
	display: none;
}
.head-right {
	float: left;
	position: absolute;
	height: 22px;
	top: 15px;
	right: 50px;
}
.header-link {
	border-left: 0;
	padding-left: 0;
}
.wrap-8:hover .header-link {
	border-left: 0;
}
.header-link .icon img.icon1 {
	display: none;
}
.header-link .icon img.icon2 {
	display: inline-block;
}
.header-link .icon img.icon3 {
	display: inline-block;
}
}
/*底部*/
.foot {
	width: 100%;
	background: url("../images/foot-bg.jpg") repeat;
	overflow: hidden;
}
.foot-main {
	padding: 84px 0 35px 0;
	overflow: hidden;
}
.foot-Left {
	width: 25%;
	float: left;
	overflow: hidden;
	border-right: 1px solid #8ea5c3;
}
.foot-Left .foot-logo {
	width: 100%;
	overflow: hidden;
	margin-bottom: 12px;
}
.foot-Left .foot-logo img {
}
.foot-Left .foot-txt {
	width: 90%;
	line-height: 25px;
	color: #a9b4c9;
	margin-bottom: 18px;
}
.foot-Left .foot-weixin {
	width: 136px;
	padding: 5px;
	border: 1px solid #fff;
	border-radius: 5px;
}
.foot-Left .foot-weixin img {
	margin-bottom: 6px;
	display: block;
}
.foot-Left .foot-weixin span {
	display: block;
	text-align: center;
	font-size: 14px;
	color: #a8b4c9;
}
.foot-Right {
	width: 70%;
	float: right;
	overflow: hidden;
}
.foot-Right .tit {
	font-size: 24px;
	color: #fff;
	margin-bottom: 16px;
}
.foot-Right .line {
	width: 20px;
	height: 2px;
	background: #fff;
	margin-bottom: 16px;
}
.foot-Right .con {
	float: left;
	overflow: hidden;
}
.foot-Right .con-1, .foot-Right .con-2 {
	width: 25%;
}
.foot-Right .con-3 {
	width: 18%;
	margin-left: 6%;
}
.foot-Right .con-4 {
	width: 26%;
}
.foot-Right .con-4 .t-1 {
	margin-top: 10px;
	height: 24px;
}
.foot-Right .con-4 .t-1 i {
	display: block;
	width: 25px;
	height: 24px;
	float: left;
	margin-right: 8px;
	background: url("../images/icon-foot-tel.png") no-repeat;
}
.foot-Right .con-4 .t-1 span {
	display: block;
	float: left;
	font-size: 14px;
	color: #a8b4c9;
	line-height: 24px;
}
.foot-Right .con-4 .t-2 {
	margin-top: 6px;
	line-height: 30px;
	font-size: 22px;
	font-weight: bold;
	color: #fff;
}
.foot-Right .con-4 .t-3 {
	margin-top: 8px;
	line-height: 30px;
	font-size: 14px;
	color: #a8b4c9;
}
.foot-Right .con-4 .t-3 i {
	margin-right: 10px;
	font-size: 18px;
}
.foot-Right .con-1 li {
	margin-right: 42px;
	float: left;
}
.foot-Right .con-2 li {
	float: left;
	width: 50%;
}
.foot-Right .con li {
	line-height: 39px;
}
.foot-Right .con li a {
	color: #a8b4c9;
}
.foot-Right .con li a:hover {
	color: #ff791f;
}
.foot-link {
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 40px;
	color: #a8b4c9;
	font-size: 14px;
}
.foot-link a {
	color: #a8b4c9;
	margin-right: 15px;
}
.foot-link a:hover {
	color: #ff791f;
}
.foot-link .nav-tabs {
	border-bottom: 1px solid #a8b4c9;
}
.foot-link .tab-up .switch-item a.active {
	color: #ff791f;
}
.foot-copy {
	width: 100%;
	color: #a8b4c9;
	line-height: 44px;
	border-top: 1px solid #a8b4c9;
	overflow: hidden;
	font-size: 14px;
}
.foot-copy a {
	color: #a8b4c9;
}
.foot-copy a:hover {
	color: #ff791f;
}
.foot-copy span {
	display: block;
	float: left;
}
.foot-copy em {
	display: block;
	float: right;
}
.foot-copy em a {
	margin-left: 8px;
}

@media (max-width: 1080px) {
.foot {
	padding: 0 0;
}
.foot-main {
	display: none;
}
.foot-link {
	display: none;
}
.foot-copy {
	font-size: 14px;
	line-height: 25px;
	padding: 20px 0;
	border-top: 0;
}
.foot-copy em {
	float: none;
}
}
.ban {
	position: relative;
	overflow: hidden;
}
.ban-pc {
	display: block;
}
.ban-pc .swiper-slide {
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.ban-pc .swiper-slide img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	margin: 0 auto;
}
.ban-pc .info {
	width: 100%;
	overflow: hidden;
	position: absolute;
	top: 68%;
	left: 8.5%;
	z-index: 2;
}
.ban-mobile {
	display: none;
}
.ban-mobile img {
	width: 100%;
	height: auto;
}
.ban .swiper-pagination-bullet {
	position: relative;
	width: 12px;
	height: 12px;
	border-radius: 12px;
	background: #c2cbd8;
	margin-right: 8px;
	opacity: 1;
	transition: all 0.3s ease;
	cursor: pointer;
}
.ban .swiper-pagination-bullet:hover:not(.swiper-pagination-bullet-active) {
	transform: scale(1.1);
	background: #a0aec0;
}
.ban .swiper-pagination-bullet:before {
	content: "";
	top: 0;
	left: 0;
	position: absolute;
	width: 0;
	height: 100%;
	border-radius: 12px;
	opacity: 0;
}
.ban .swiper-pagination-bullet-active {
	transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);
	width: 40px;
	border-radius: 7px;
	background: #fff;
}
.ban .swiper-pagination-bullet-active:before {
	background: linear-gradient(149deg,  var(--theme-gradient1),  var(--theme-gradient2));
	background-size: 200% 200%;
	animation: gradientShift 3s ease infinite;
	content: "";
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 7px;
	opacity: 1;
}
/* 渐变移动动画 */
@keyframes gradientShift {
 0% {
 background-position: 0% 50%;
}
 50% {
 background-position: 100% 50%;
}
 100% {
 background-position: 0% 50%;
}
}
.ban .swiper-container-horizontal>.swiper-pagination-bullets, .ban .swiper-pagination-custom, .ban .swiper-pagination-fraction {
	bottom: 5% !important;
}

@media (max-width: 991px) {
.ban-pc {
	display: none;
}
.ban-mobile {
	display: block;/*margin-top: 55px;*/
}
.ban .swiper-container-horizontal>.swiper-pagination-bullets,  .swiper-pagination-custom,  .swiper-pagination-fraction {
	bottom: 6% !important;
}
}
.index-tit {
	width: 100%;
	overflow: hidden;
	text-align: center;
	font-size: 50px;
	color: #262626;
}

@media (max-width: 991px) {
.index-tit {
	font-size: 24px;
}
}
/*首页*/
.index-more {
	width: 185px;
	height: 59px;
	padding: 20px 40px;
	background: #f4f8fd;
}
.index-more-white {
	background: #fff;
}
.index-more span {
	display: block;
	line-height: 18px;
	float: left;
	color: #152e80;
	font-weight: bold;
}
.index-more i {
	display: block;
	float: left;
	width: 20px;
	height: 18px;
	margin-left: 20px;
	background: url("../images/icon-more-a.png") no-repeat;
}
.index-more:hover {
	background: linear-gradient(90deg, #fb8654, #fb6136);
}
.index-more:hover span {
	color: #fff;
}
.index-more:hover i {
	background: url("../images/icon-more.png") no-repeat;
}
.index-box-1 {
	width: 100%;
	overflow: hidden;
	padding: 110px 0 160px 0;
	background: #f6f6f6;
}
.index-box-1 .fl-box {
	width: 24%;
	float: left;
}
.index-box-1 .fl-box .t-1 {
	margin-top: 19px;
	line-height: 77px;
	font-size: 50px;
	font-weight: bold;
	color: #363c59;
	position: relative;
}
.index-box-1 .fl-box .t-1 i {
	width: 29px;
	height: 39px;
	background: url("../images/hot-icon.png") no-repeat;
	position: absolute;
	top: 1px;
	left: 218px;
}
.index-box-1 .fl-box .t-2 {
	margin-top: 19px;
	width: 90%;
	line-height: 45px;
	font-size: 26px;
	color: #363c59;
}
.index-box-1 .fl-box .t-3 {
	margin: 96px 0 107px 0;
	width: 90%;
	line-height: 31px;
	color: #6f7384;
}
.index-box-1 .fr-box {
	width: 76%;
	float: left;
}
.index-box-1 .fr-box .swiper-button-prev {
	width: 58px;
	height: 58px;
	border-radius: 50%;
	opacity: 1;
	background: #fff url("../images/icon-40.png") no-repeat center;
	margin: 0px;
	pointer-events: auto;
	cursor: pointer;
	position: absolute;
	top: 45%;
	left: 0;
}
.index-box-1 .fr-box .swiper-button-next {
	width: 58px;
	height: 58px;
	border-radius: 50%;
	opacity: 1;
	background: #fff url("../images/icon-40.png") no-repeat center;
	margin: 0px;
	transform: rotate(180deg);
	pointer-events: auto;
	cursor: pointer;
	position: absolute;
	top: 45%;
	right: 0;
}
.index-box-1 .fr-box .swiper-button-prev:hover {
	background: #fb6237 url("../images/icon-41.png") no-repeat center;
}
.index-box-1 .fr-box .swiper-button-next:hover {
	background: #fb6237 url("../images/icon-41.png") no-repeat center;
	transform: rotate(180deg);
}
.index-box-1 .fr-box .main {
	width: 95%;
	overflow: hidden;
	margin: 0 auto;
}
.index-box-1 .fr-box .main .swiper-slide .con {
	position: relative;
}
.index-box-1 .fr-box .main .swiper-slide .con img {
	display: block;
	width: 100%;
}
.index-box-1 .fr-box .main .swiper-slide .con .tit {
	position: absolute;
	left: 30px;
	bottom: 32px;
	font-size: 22px;
	color: #fff;
}
.index-box-1 .fr-box .main .swiper-slide .con .tit a {
	color: #fff;
}
.index-box-1 .fr-box .main .swiper-slide .con .more {
	width: 90px;
	line-height: 36px;
	border-radius: 18px;
	text-align: center;
	background: #fff;
	position: absolute;
	right: 30px;
	bottom: 24px;
	font-size: 14px;
	color: #fff;
}
.index-box-1 .fr-box .main .swiper-slide .con .more a {
	color: #000;
	display: block;
}
.index-box-1 .fr-box .main .swiper-slide .con .more:hover {
	background: linear-gradient(90deg, #fb8654, #fb6136);
}
.index-box-1 .fr-box .main .swiper-slide .con .more:hover a {
	color: #fff;
}

@media (max-width: 991px) {
.index-box-1 {
	padding: 40px 0;
}
.index-box-1 .fl-box,  .index-box-1 .fr-box {
	width: 100%;
	float: none;
}
.index-box-1 .fl-box .t-1 {
	margin-top: 0;
	line-height: 40px;
	font-size: 28px;
}
.index-box-1 .fl-box .t-1 i {
	top: 0;
	left: 120px;
}
.index-box-1 .fl-box .t-2 {
	width: 100%;
	line-height: 35px;
	font-size: 18px;
}
.index-box-1 .fl-box .t-3 {
	margin: 40px 0 20px 0;
	width: 100%;
	line-height: 30px;
}
.index-box-1 .fr-box {
	width: 100%;
	float: none;
	margin: 30px auto 0;
}
.index-box-1 .fr-box .main {width: 100%;}
	.index-box-1 .fr-box .main .swiper-slide .con .tit {text-align: center; width: 100%;left:0; bottom: 20px; font-size: 16px; }
	.index-box-1 .fr-box .swiper-button-prev{width:38px;height:38px;}
    .index-box-1 .fr-box .swiper-button-next{width:38px;height:38px;}
	.index-box-1 .fr-box .main .swiper-slide .con .more {display: none;}
}
.index-box-2 {
	width: 100%;
	overflow: hidden;
}
.index-about {
	width: 100%;
	padding: 110px 0 90px 0;
	overflow: hidden;
}
.index-about .main {
	overflow: hidden;
}
.index-about .main .fl-info {
	width: 64%;
	float: left;
	overflow: hidden;
}
.index-about .main .fl-info .t-1 {
	line-height: 58px;
	font-size: 50px;
	font-weight: bold;
	color: #363c59;
	margin-bottom: 30px;
}
.index-about .main .fl-info .t-2 {
	width: 100%;
	overflow: hidden;
	line-height: 28px;
	color: #61667b;
	margin-bottom: 64px;
}
.index-about .main .fr-info {
	width: 36%;
	float: left;
	overflow: hidden;
}
.index-about .main .fr-info .more {
	width: 100%;
	overflow: hidden;
}
.index-about .main .fr-info .index-more {
	float: right;
}
.index-about .main .fr-info .icon {
	margin-top: 22px;
	overflow: hidden;
}
.index-about .main .fr-info .icon img {
	float: right;
	display: block;
}
.numCount {
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
}
.numCount li {
	float: left;
	width: 25%;
	border-right: 2px solid #e1e1e1;
	text-align: center;
}
.numCount li:nth-child(4) {
	border: 0;
}
.numCount li .item {
	margin: 0 10px;
	display: inline-block;
}
.numCount li .item .indt {
	font-size: 16px;
	color: #000;
}
.numCount li .item .indc {
	color: #5c5c5c;
	margin-top: 10px;
}
.numCount li .numU {
	display: inline-block;
	vertical-align: middle;
	text-align: left;
}
.numCount li .ic {
	width: 56px;
	height: 48px;
	display: inline-block;
	margin-right: 25px;
	vertical-align: middle;
}
.numCount li .numCX {
	font-size: 54px;
	font-weight: bold;
	color: #201f1f;
}
.numCount li .numU .unitC {
	font-size: 100%;
	line-height: 1.3;
	margin-left: 0.3em;
}
.numCount li .numU em {
	font-size: 28px;
	color: #201f1f;
}

@media (max-width: 800px) {
.numCount li .numCX {
	font-size: 24px;
}
}

@media (max-width: 640px) {
.numCount li .numCX {
	font-size: 7vw;
}
}

@media (max-width: 480px) {
.numCount {
	font-size: 0.5vw;
}
}
.index-video {
	overflow: hidden;
	position: relative;
}
.index-video:before {
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
	background: rgba(34, 34, 34, 0.3);
	z-index: 1;
}
.index-video img {
	object-fit: cover;
	float: right;
}
.index-video span {
	width: 110px;
	height: 110px;
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: url("../images/icon-42.png") no-repeat center;
	background-size: 100%;
	z-index: 12;
}

@media (max-width: 991px) {
.index-video img {
	width: 100%;
}
.index-video span {
	width: 60px;
	height: 60px;
}
}

@media (max-width: 991px) {
.index-about {
	padding: 40px 0 20px 0;
}
.index-about .main .fl-info {
	width: 100%;
	float: none;
}
.index-about .main .fl-info .t-1 {
	line-height: 40px;
	font-size: 28px;
	margin-bottom: 20px;
}
.index-about .main .fl-info .t-2 {
	margin-bottom: 40px;
}
.index-about .main .fr-info {
	width: 100%;
	float: none;
}
.index-about .main .fr-info .more {
	width: 100%;
	overflow: hidden;
}
.index-about .main .fr-info .index-more {
	float: none;
}
.index-about .main .fr-info .icon {
	display: none;
}
.numCount {
	width: 100%;
	margin-top: 30px;
}
.numCount li {
	width: 50%;
	margin-bottom: 20px;
}
.numCount li:nth-child(2) {
	border: 0;
}
.numCount li .ic {
	float: none;
	margin-top: 0;
	margin-right: 0;
}
.numCount li .numU {
	text-align: center;
	margin-top: 15px;
}
.numCount li .item .indc {
	font-size: 14px;
	margin-top: 5px;
}
}
.index-box-3 {
	width: 100%;
	overflow: hidden;
	padding: 120px 0 100px 0;
	background: #f6f6f6;
}
.index-box-3 .top-main {
	width: 100%;
	overflow: hidden;
}
.index-box-3 .top-main .t-1 {
	line-height: 58px;
	font-size: 50px;
	font-weight: bold;
	color: #363c59;
	margin-bottom: 30px;
}
.index-box-3 .top-main .t-2 {
	margin-top: 20px;
	font-size: 28px;
	color: #6f7384;
}
.index-box-3 .top-main .index-more {
	float: right;
	margin-top: 42px;
}
/*ipro*/
.imgBj {
	background: no-repeat center;
	background-size: cover;
}
.imgBj.pos {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.ipro {
	padding-top: 5.2vw;
}
.ipro-c {
	width: 100%;
	margin-top: 70px;
	overflow: hidden;
}
.ipro-cli {
	float: left;
	width: 11.3%;
	margin-right: 0.75%;
	margin-left: 0.75%;
	height: 33.85vw;
	position: relative;
	border-radius: 1.5vw;
	overflow: hidden;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.ipro-cdiv {
	position: absolute;
	width: 100%;
	top: 6.25vw;
	color: #fff;
}
.ipro-clt {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width: 100%;
	position: relative;
	z-index: 2;
}
.ipro-c3 {
	height: auto;
}
.ipro-c4 {
	margin-top: 1.56vw;
	font-size: 18px;
}
.ipro-c5 {
	font-size: 40px;
}
.ipro-crt {
	width: 26vw;
	display: inline-block;
	vertical-align: top;
	opacity: 0;
}
.ipro-c6 {
	margin-top: 1.2vw;
	line-height: 35px;
}
.ipro-c7 {
	margin-top: 2.5vw;
	line-height: 34px;
}
.ipro-c7 a {
	display: block;
	padding-left: 1.3vw;
	color: #fff;
	background: url(../images/ico03_2.png) no-repeat left center;
}
.ipro-c7 a:hover {
	padding-left: 1.6vw;
}
.ipro-c8 {
	position: absolute;
	right: 1.5vw;
	bottom: 1.5vw;
	cursor: pointer;
	opacity: 0;
}
.ipro-c8 img {
	opacity: 1;
}
.ipro-c8:hover img {
	opacity: 0.6;
}

@media (min-width: 1201px) {
.ipro-cli.on {
	width: 60.1%;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.ipro-cli.on .ipro-clt {
	width: 14vw;
}
.ipro-cli.on .ipro-crt {
	opacity: 1;
	transition: all 0.5s 0.5s;
	-webkit-transition: all 0.5s 0.5s;
}
.ipro-cli.on .ipro-c8 {
	opacity: 1;
	transition: all 0.5s 0.5s;
	-webkit-transition: all 0.5s 0.5s;
}
}

@media (max-width: 1200px) {
.ipro-b {
	padding-right: 0;
}
.ipro-c {
	width: 100%;
}
.ipro-cli {
	width: 100%;
	margin: 0;
	margin-bottom: 20px;
	height: auto;
	overflow: hidden;
	min-height: 34vw;
}
/*.ipro-c2{
		position: relative !important;
	}*/
.ipro-cdiv {
	position: relative !important;
	overflow: hidden;
	top: 0;
	left: 0;
	padding: 30px;
}
.ipro-clt {
	width: 30%;
	float: left;
}
.ipro-crt {
	width: 70%;
	float: left;
	opacity: 1;
}
.ipro-c8 {
	width: 40px;
	height: 40px;
	opacity: 1;
}
}

@media (max-width: 992px) {
.ipro-cdiv {
	padding: 20px;
}
.ipro-crt {
	width: 100%;
	margin-top: 20px;
}
.ipro-c {
	margin-top: 30px;
}
.ipro-c5 {
	font-size: 22px;
}
.ipro-c6 {
	font-size: 14px;
	line-height: 28px;
}
.ipro-c7 a {
	font-size: 14px;
	padding-left: 20px;
}
}

@media (max-width: 750px) {
.ipro {
	padding-top: 0.8rem;
}
.ipro-b {
	font-size: 0.4rem;
	margin-top: 0.2rem;
}
.ipro-clt {
	width: 100%;
	text-align: left;
}
.ipro-c3 {
	height: 50px;
	display: inline-block;
	vertical-align: top;
}
.ipro-c4 {
	font-size: 0.4rem;
	margin-left: 0.4rem;
	margin-top: 0.2rem;
	font-weight: bold;
	display: inline-block;
	vertical-align: top;
	display: none;
}
.ipro-c8 {
	width: 0.6rem;
	height: 0.6rem;
	right: 0.2rem;
	bottom: 0.2rem;
}
}

@media (max-width: 991px) {
.index-box-3 {
	padding: 40px 0;
}
.index-box-3 .top-main .t-1 {
	line-height: 40px;
	font-size: 28px;
	margin-bottom: 20px;
}
.index-box-3 .top-main .t-2 {
	font-size: 18px;
	line-height: 28px;
	margin-top: 10px;
}
.index-box-3 .top-main .index-more {
	float: none;
	margin-top: 30px;
}
}
.index-box-4 {
	width: 100%;
	overflow: hidden;
	background: url("../images/index-hz-bg.jpg") no-repeat center;
}
.index-hz {
	width: 100%;
	overflow: hidden;
}
.index-hz .fl-box {
	width: 28.8%;
	float: left;
	padding: 130px 0 110px 0;
	overflow: hidden;
}
.index-hz .fl-box .t-1 {
	line-height: 58px;
	font-size: 50px;
	font-weight: bold;
	color: #363c59;
	margin-bottom: 16px;
}
.index-hz .fl-box .t-2 {
	margin-top: 18px;
	font-size: 22px;
	color: #6f7384;
	line-height: 32px;
}
.index-hz .fl-box .t-3 {
	margin-top: 36px;
	font-size: 44px;
	font-weight: bold;
	background: linear-gradient(90deg, #fb8654, #fb6136);
	-webkit-background-clip: text;
	color: transparent;margin-bottom: 66px;
}
.index-hz .fl-box .t-4 {
	font-size: 20px;
	color: #6f7384;
	margin-bottom: 66px;
}
.index-hz .fl-box .index-more {
	width: 200px;
}
.index-hz .fr-box {
	width: 71.2%;
	float: left;
	overflow: hidden;
}
.index-hz .fr-box .pic {
	width: 100%;
}
.index-hz .fr-box .pic img {
	width: 100%;
}

@media (max-width: 991px) {
.index-box-4 {
	background: #e8f0f8;
}
.index-hz .fl-box {
	width: 100%;
	float: none;
	padding: 40px 0 30px 0;
}
.index-hz .fl-box .t-1 {
	line-height: 40px;
	font-size: 28px;
	margin-bottom: 20px;
}
.index-hz .fl-box .t-2 {
	font-size: 18px;
	line-height: 28px;
	margin-top: 10px;
}
.index-hz .fl-box .t-3 {
	font-size: 24px;
	margin-top: 30px;
}
.index-hz .fl-box .t-4 {
	font-size: 18px;
	margin-bottom: 40px;
}
.index-hz .fr-box {
	width: 100%;
	float: none;
}
}
.index-news {
	width: 100%;
	overflow: hidden;
	padding: 110px 0 70px 0;
}
.index-news-top {
	width: 100%;
	overflow: hidden;
}
.index-news-top .t-1 {
	line-height: 58px;
	font-size: 50px;
	font-weight: bold;
	color: #363c59;
	margin-bottom: 30px;
}
.index-news-top .t-2 {
	margin-top: 20px;
	font-size: 28px;
	color: #6f7384;
}
.index-news .tab-up {
	margin-top: 60px;
	position: relative;
	z-index: 2;
	float: right;
}
.index-news .nav {
	width: 100%;
	padding-right: 0;
}
.index-news .nav-tabs {
	border-bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}
.index-news .switch-item {
	width: 160px;
	line-height: 54px;
	text-align: center;
	background: #f4f8fd;
	margin-left: 20px;
	float: left;
	cursor: pointer;
	transition: all 0.3s;
}
.index-news .switch-item a:hover {
	color: #fff;
	background: linear-gradient(90deg, #fb8654, #fb6136);
}
.index-news .switch-item:hover, .index-news .switch-item:hover a {
	color: #fff;
	background: linear-gradient(90deg, #fb8654, #fb6136);
}
.index-news .switch-item .active {
	display: block;
	color: #fff;
	background: linear-gradient(90deg, #fb8654, #fb6136);
}
.index-news .switch-item a {
	display: block;
	color: #363c59;
	font-weight: bold;
}
.index-news .tab-content {
	overflow: hidden;
}
.index-news .tab-content .index-more {
	margin: 0 auto;
}
.index-news-main {
	margin: 80px 0 50px 0;
	overflow: hidden;
}
.index-news-main .top-new {
	overflow: hidden;
}
.index-news-main .top-new .img {
	overflow: hidden;
}
.index-news-main .top-new img {
	width: 100%;
	height: auto;
}
.index-news-main .top-new img {
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}
.index-news-main .top-new:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.index-news-main .top-new .info a {
	display: block;
	overflow: hidden;
}
.index-news-main .top-new:hover .info {
	background: linear-gradient(90deg, #fb8654, #fb6136);
}
.index-news-main .top-new:hover .info .tit {
	color: #fff;
}
.index-news-main .top-new:hover .info .txt {
	color: #ebebeb;
}
.index-news-main .top-new:hover .info .time {
	color: #fff;
}
.index-news-main .top-new .info {
	padding: 18px 15px;
	background: #f6f6f6;
}
.index-news-main .top-new .info .tit {
	font-size: 22px;
	color: #363c59;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;

	margin-bottom: 15px;
}
.index-news-main .top-new .info .time {
	font-size: 14px;
	color: #6f7384;
	margin-bottom: 10px;
}
.index-news-main .top-new .info .txt {
	color: #6f7384;
	line-height: 27px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.index-news-main .new-list {
	background: #f6f6f6;
	padding: 20px;
	overflow: hidden;
}
.index-news-main .new-list li {
	overflow: hidden;
	display: block;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
}
.index-news-main .new-list li:nth-child(4) {
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}
.index-news-main .new-list li .pic {
	width: 26%;
	float: left;
	overflow: hidden;
}
.index-news-main .new-list li .pic img {
	width: 100%;
	height: auto;
}
.index-news-main .new-list li .pic img {
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}
.index-news-main .new-list li:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.index-news-main .new-list li:hover .tit a {
	color: #fb6136;
}
.index-news-main .new-list li .info {
	width: 70%;
	float: right;
	overflow: hidden;
}
.index-news-main .new-list li .tit {
	font-size: 18px;
	line-height: 24px;
	color: #363c59;
	margin-bottom: 15px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.index-news-main .new-list li .tit a {
	color: #363c59;
}
.index-news-main .new-list li .time {
	font-size: 14px;
	color: #6f7384;
}

@media (max-width: 991px) {
.index-news {
	padding: 40px 0;
}
.index-news .t-1 {
	line-height: 40px;
	font-size: 28px;
	margin-bottom: 20px;
}
.index-news .t-2 {
	font-size: 18px;
	line-height: 28px;
	margin-top: 10px;
}
.index-news .tab-up {
	margin-top: 20px;
	float: none;
}
.index-news .switch-item {
	width: 32%;
	margin-left: 0.5%;
	margin-right: 0.5%;
}
.index-news .switch-item:nth-child(3) {
	margin-right: 0;
}
.index-news-main {
	margin: 40px 0 20px 0;
}
.index-news-main .top-new {
	margin-bottom: 20px;
}
.index-news-main .top-new .info {
	padding: 20px 10px;
}
.index-news-main .top-new .info .tit {
	font-size: 18px;
}
.index-news-main .new-list {
	padding: 20px 10px;
}
.index-news-main .new-list li .pic {
	display: none;
}
.index-news-main .new-list li .info {
	width: 100%;
	float: none;
}
.index-news-main .new-list li .tit {
	font-size: 16px;
}
}
/*内页*/
.inner {
	width: 100%;
	overflow: hidden;
	background: #f7f9fc;
}
.inner-T {
	width: 100%;
	overflow: hidden;
	padding: 25px 0;
}
.inner-T .container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.inner-T-2 {
	background: #eee;
}
.location-t {
	flex: 1;
    padding: 16px 0;
    font-size: 14px;
    color: #5e5e5e;
    line-height: 1.6;
    word-break: break-all;
}
.location-t a {
    color: #5e5e5e;
    text-decoration: none;
    transition: color 0.2s;
    display: inline-block;
    padding: 2px 0;
}
.location-t a:hover {
    color: #ff791f;
}
.location-t span {
    color: #999;
    margin-right: 4px;
}
.inner-T a {
	color: #666;
}
.mobile-b {
	width: 100%;
	height: 55px;
	display: none;
}
.inner-ban {
	width: 100%;
	overflow: hidden;
	position: relative;
}
.inner-ban img {
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: block;
	object-fit: cover;
}
.banner-center {
	width: 81.25%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 12;
	color: #fff;
}
.banner-center .h3 {
	width: 100%;
	overflow: hidden;
	font-size: 48px;
	font-weight: bold;
}
.banner-center span {
	width: 100%;
	overflow: hidden;
	margin-top: 20px;
	display: block;
}
.banner-center span a {
	color: #fff;
}
.banner-info {
	width: 25%;
	overflow: hidden;
	line-height: 28px;
	font-size: 16px;

	margin-top: 10px;
}

@media (max-width: 1400px) {
.banner-info {
	width: 70%;
}
}

@media (max-width: 992px) {
.mobile-b {
	display: block;
}
.banner-center {
	width: 90%;
}
.banner-center .h3 {
	font-size: 22px;
}
.banner-center span {
	font-size: 18px;
}
.banner-info {
	display: none;
}
.inner-T {
	padding: 0;
}
.inner-T .container {
    flex-direction: column;
    align-items: stretch;
    }
.location-t {
	width: 100%;
	font-size: 13px;
	padding: 12px 0;
}
.location-t a {
    padding: 4px 0;
}
}
.search-in {
	width: 370px;
    flex-shrink: 0;
    border: 1px solid #fb6f42;
    overflow: hidden;
    float: none;
}
.search-in .search-form {
	position: relative;
}
.search-in .search-form .search-input {
	display: block;
	width: 100%;
	height: 42px;
	line-height: initial;
	border: 1px solid #eee;
	color: #373737;
	outline: 0;
	padding-top: 4px;
	padding-left: 20px;
}
.search-in .search-form .search-button {
	position: absolute;
	right: 0;
	top: 0;
	height: 42px;
	background: #fb6f42;
	border: 0;
	width: 80px;
	outline: 0;
	padding: 0;
	cursor: pointer;
	color: #fff;
}
.search-in .search-btn {
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	font-size: 16px;
	text-align: center;
}
.search-in .search-form .search-button i {
	margin-right: 8px;
}

@media (max-width: 991px) {
.search-in {
	width: 100%;
	margin-top: 10px;
	float: none;
}
.search-in .search-form .search-input {
	padding-left: 10px;
}
}
.gynav-MQkitchen-bj {
	width: 100%;
	background: #073d86;
	position: relative;
	z-index: 2;
	overflow: hidden;
}
.gynav-MQkitchen-bj .container-fluid {
	padding: 0;
}
.gynav-MQkitchen {
	text-align: center;
	color: #fff;
	font-size: 0;
}
.gynav-MQkitchen>div {
	display: inline-block;
	width: 25%;
	border-right: 1px solid rgba(255, 255, 255, 0.3);
	font-size: 16px;
	line-height: 60px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	cursor: pointer;
}
.gynav-MQkitchen>div:first-child {
	border-left: 1px solid rgba(255, 255, 255, 0.3);
}
.gynav-MQkitchen>div:hover {
	background: #06316b;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.gynav-MQkitchen>a {
	display: inline-block;
	width: 25%;
	border-right: 1px solid rgba(255, 255, 255, 0.3);
	font-size: 16px;
	color: #fff;
	line-height: 60px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	cursor: pointer;
}
.gynav-MQkitchen>a:first-child {
/*border-left: 1px solid rgba(255,255,255,.3);*/
}
.gynav-MQkitchen>a:hover {
	background: #fb6f42;
	color: #fff;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.gynav-MQkitchen>a.on {
	background: #fb6f42;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.gynav-MQkitchen-2 a {
	width: 50%;
}
.gynav-MQkitchen-3 a {
	width: 33.33%;
}
.gynav-MQkitchen-4 a {
	width: 25%;
}
.gynav-MQkitchen-5 a {
	width: 20%;
}
.gynav-MQkitchen-7 a {
	width: 12.5%;
}

@media (max-width: 992px) {
.gynav-MQkitchen-bj-1 {
	display: none;
}
.gynav-MQkitchen-bj-2 {
	margin-top: 0;
	overflow: hidden;
}
.gynav-MQkitchen-bj-2 .container {
	padding: 0;
}
.gynav-MQkitchen a {
	font-size: 14px;
	line-height: 30px;
}
.gynav-MQkitchen-1 a {
	font-size: 12px;
	line-height: 30px;
}
.gynav-MQkitchen-2 a {
	width: 50%;
	font-size: 14px;
	line-height: 25px;
	float: left;
}
.gynav-MQkitchen-3 a {
	width: 33.33%;
	font-size: 12px;
	line-height: 28px;
	float: left;
}
.gynav-MQkitchen-4 a {
	width: 50%;
	font-size: 14px;
	line-height: 25px;
	float: left;
}
.gynav-MQkitchen-5 a {
	width: 50%;
	font-size: 14px;
	line-height: 25px;
	float: left;
}
.gynav-MQkitchen-7 a {
	width: 50%;
	font-size: 14px;
	line-height: 25px;
	float: left;
}
}
.Atis-box {
	width: 100%;
	height: 0;
	position: relative;
	top: -80px;
}

@media (max-width: 991px) {
.Atis-box {
	top: -55px;
}
}
.in-tit {
	width: 100%;
	overflow: hidden;
}
.in-tit .in-center {
	text-align: center;
}
.in-tit .t-1 {
	font-size: 50px;
	font-weight: bold;
	color: #363c59;
}
.news-meta {
    display: flex;
    flex-wrap: wrap; 
    align-items: center;
    justify-content: space-between;
    padding: 16px 0 12px;
    border-bottom: 1px dotted #f1f1f1;
    color: #6c6c6c;
    font-size: 16px;
    line-height: 1.6;
    min-height: 62px;
}
.meta-info {
    flex: 1 1 auto;
    margin-right: 20px;
    word-break: break-word;
}
.meta-share {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
}
.share-label {
    margin-right: 4px;
    color: #9c9c9c;
}
.share-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background-color: #bdbdbd;
    color: #fff;
    text-decoration: none;
    transition: background-color 0.2s;
}

.share-link:hover {
    background-color: #ff791f;
	color: #fff; 
}
.share-link i {
    font-size: 18px;
    line-height: 1;
}
.share-qrcode {
    display: none;
    position: absolute;
    top: 48px;
    right: 0;
    z-index: 10;
    width: 160px;
    padding: 16px 12px 12px;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    text-align: center;
}
.share-qrcode .code {
    margin-bottom: 8px;
}
.share-qrcode .code img {
    max-width: 100%;
    height: auto;
}
.share-qrcode span {
    font-size: 14px;
    color: #666;
}
.share-qrcode .close {
    position: absolute;
    top: 6px;
    right: 10px;
    cursor: pointer;
    color: #aaa;
    font-size: 16px;
}
.share-qrcode .close:hover {
    color: #ff791f;
}
.in-tit .t-2 {
	margin-top: 20px;
	font-size: 24px;
	background: linear-gradient(90deg, #fb8654, #fb6136);
	-webkit-background-clip: text;
	color: transparent;
}
.in-tit .t-3 {
	margin-top: 10px;
	text-align: center;
	color: #fb7d4c;
	font-size: 20px;
}
.in-tit .t-3 span:nth-child(1) {
	margin-right: 55px;
}
.in-tit .t-3 em {
	margin: 0 20px;
}
.in-tit .t-4 {
	margin-top: 20px;
	font-size: 20px;
	color: #6f7384;
}
.in-tit .t-5 {
	margin-top: 16px;
	color: #6f7384;
	text-align: center;
}

@media (max-width: 991px) {
.in-tit .t-1 {
	font-size: 28px;
}
.news-meta {
	font-size: 14px; 
	padding: 12px 0 10px;
	min-height: auto;
    }
.meta-info {
	width: 100%; 
	margin-right: 0;
	margin-bottom: 12px;
    }
.meta-share {
	width: 100%;
	justify-content: flex-end;
    }
.share-link {
	width: 44px;
	height: 44px;
    }
.share-link i {
	font-size: 20px;
    }
.share-qrcode {
	top: 52px;
	right: 0;
    width: 140px;
    }
.in-tit .t-2,  .in-tit .t-4 {
	font-size: 18px;
	line-height: 28px;
	margin-top: 10px;
}
.in-tit .t-3 {
	font-size: 16px;
}
.in-tit .t-3 span:nth-child(1) {
	margin-right: 20px;
}
.in-tit .t-3 em {
	margin: 0 5px;
}
.in-tit .t-5 {
	font-size: 14px;
	padding: 0 15px;
}
}
.inner-h {
	width: 100%;
	height: 80px;
}

@media (max-width: 991px) {
.inner-h {
	display: none;
}
}
/*关于我们*/
.about-1 {
	width: 100%;
	overflow: hidden;
	padding: 60px 0;
}
.about-1 .main {
	overflow: hidden;
	margin-bottom: 70px;
}
.about-1 .main .info {
	width: 95%;
	position: relative;
	margin-top: 35px;
	overflow-y: auto;
	height: 330px;
}
.about-1 .main .info::-webkit-scrollbar {
 width: 4px;
 height: 4px;
}
.about-1 .main .info::-webkit-scrollbar-thumb {
 border-radius: 4px;
 background-color: #fb6f42;
}
.about-1 .main .info::-webkit-scrollbar-track {
 border-radius: 4px;
 background: rgba(0, 0, 0, 0.05);
}
.about-1 .main .info .txt {
	position: absolute;
	width: 96%;
	height: 100%;
	left: 0;
	top: 0;
	line-height: 34px;
}
.about-1 .main .info .txt p {
	padding-bottom: 10px;
}
.about-1 .main .video {
	float: right;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}
.about-1 .main .video:before {
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
	background: rgba(34, 34, 34, 0.3);
	z-index: 1;
}
.about-1 .main .video img {
	object-fit: cover;
	float: right;
	border-radius: 15px;
	width: 100%;
}
.about-1 .main .video span {
	width: 110px;
	height: 110px;
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: url("../images/icon-42.png") no-repeat center;
	background-size: 100%;
	z-index: 12;
}

@media (max-width: 991px) {
.about-1 {
	padding: 40px 0;
}
.about-1 .main {
	margin-bottom: 30px;
}
.about-1 .main .info {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}
.about-1 .main .info .txt {
	font-size: 14px;
	line-height: 25px;
}
.about-1 .main .video img {
	width: 100%;
}
.about-1 .main .video span {
	width: 60px;
	height: 60px;
}
}
.about-2 {
	width: 100%;
	padding: 60px 0 110px 0;
	overflow: hidden;
	background: url("../images/about-2bg.jpg") no-repeat center;
}
.about-2 .navbox {
	display: flex;
	position: relative;
	margin-top: 70px;
	padding: 0 68px;
	font-family: medium;
}
.about-2 .coverbox ._bg {
	width: 100%;
}
.about-2 .swiper-button-prev::after {
	content: "prev";
}
.about-2 .swiper-button-next::after {
	content: "next";
}
.about-2 .pnext {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: linear-gradient(90deg, #fb8654, #fb6136);
	color: #fff;
	font-size: 14px;
	top: 7px;
}
.about-2 .pnext::after {
	font-size: inherit;
}
.about-2 .pnext:hover {
	background: #333;
}
.swiper_step_nav {
	margin-bottom: 30px;
	font-weight: bold;
	padding-top: 7px;
	position: relative;
}
.swiper_step_nav::before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	border-top: 1px dashed #d0d0d0;
}
.swiper_step_nav li {
	width: 10%;
	font-size: 36px;
	color: #999;
	padding-top: 28px;
	position: relative;
	text-align: center;
}
.swiper_step_nav li::before {
	content: "";
	display: block;
	width: 7px;
	height: 7px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	z-index: 5;
	top: -3px;
	background-color: #d0d0d0;
	border-radius: 50%;
}

@media (max-width: 768px) {
.swiper_step_nav li {
	width: 16%;
}
}
.swiper_step_nav .swiper-slide-active {
	width: 50%;
	text-align: center;
	font-size: 74px;
	color: #363c59;
	line-height: 1;
}
.swiper_step_nav .swiper-slide-active::before {
	background-color: #363c59;
	width: 14px;
	height: 14px;
	top: -7px;
}

@media (max-width: 1360px) {
.swiper_step_nav li {
	font-size: 16px;
}
.swiper_step_nav .swiper-slide-active {
	font-size: 30px;
}
}
.swiper_step {
	margin: 0 68px;
}

@media (min-width: 640px) {
.swiper_step li {
	display: flex;
	align-items: center;
}
.swiper_step .coverbox {
	width: 45%;
}
.swiper_step .info {
	margin-left: 5%;
	flex: 1;
}
}

@media (max-width: 639px) {
.swiper_step li {
	display: block !important;
}
}
.swiper_step .info {
	display: block;
}
.swiper_step .info .year {
	font-size: 24px;
	font-family: medium;
	color: #363c59;
}
.swiper_step .info .year span {
	font-size: 60px;
	padding-right: 4px;
	font-weight: bold;
	position: relative;
	top: 1px;
}
.swiper_step .txt {
	font-size: 20px;
	line-height: 1.8;
	color: #363c59;
	max-width: 580px;
	margin-top: 20px;
}

@media (max-width: 640px) {
.swiper_step .year {
	display: none;
}
.swiper_step .txt {
	font-size: 15px;
}
}

@media (max-width: 480px) {
.about-2 .pnext {
	width: 26px;
	height: 26px;
	font-size: 12px;
}
}

@media (max-width: 1000px) {
.about-2 {
	padding: 40px 0;
}
.about-2 .pnext {
	top: 14px;
}
.about-2 .navbox {
	margin-top: 30px;
	padding: 0 30px;
}
.about-2 .navbox .swiper-button-prev {
	left: 0;
}
.about-2 .navbox .swiper-button-next {
	right: 0;
}
.about-2 .swiper_step {
	margin: 0;
}
.swiper_step_nav li {
	padding-top: 10px;
}
.swiper_step .coverbox {
	margin: 0 0 20px 0;
}
}
.about-3 {
	width: 100%;
	padding: 70px 0;
	overflow: hidden;
}
.about-3 .main {
	width: 100%;
	overflow: hidden;
	margin-top: 40px;
}
.about-3 .main .con {
	position: relative;
	overflow: hidden;
}
.about-3 .main .con .img {
	overflow: hidden;
}
.about-3 .main .con .img img {
	width: 100%;
}
.about-3 .main .con .img img {
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}
.about-3 .main .con:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.about-3 .main .con .info {
	position: absolute;
	top: 55px;
	left: 0;
	padding: 0 30px;
	color: #fff;
	overflow: hidden;
}
.about-3 .main .con .info .t-1 {
	font-size: 24px;
	line-height: 28px;
}
.about-3 .main .con .info .t-2 {
	margin-top: 18px;
}

@media (max-width: 991px) {
.about-3 {
	padding: 40px 0;
}
.about-3 .main {
	margin-top: 30px;
}
.about-3 .main .con {
	margin-bottom: 20px;
}
}
.about-4 {
	width: 100%;
	background: #f8f8f8;
	padding: 70px 0;
	overflow: hidden;
}
.about-4 .main {
	margin-top: 40px;
	overflow: hidden;
}
.about-4 .main .con {
	overflow: hidden;
	background: #fff;
}
.about-4 .main .con .img {
	overflow: hidden;
	padding: 20px;
}
.about-4 .main .con .img img {
	width: 100%;
}
.about-4 .main .con .txt {
	width: 100%;
	text-align: center;
	line-height: 50px;
	border-top: 1px solid #f8f8f8;
	overflow: hidden;
	color: #535353;
}
.about-4 .swiper-slide {
	width: 25%;
	float: left;
	padding: 0 1rem;
	display: block;
}
.about-4 .bottom40 {
	width: 100%;
}
.about-4 .swiper-pagination {
	display: -webkit-box;
	display: -ms-flexbox;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.about-4 .swiper-pagination-bullet-active {
	background: #fb7e4d !important;
}
.about-4 .swiper-pagination-bullet {
	width: 12px !important;
	height: 12px !important;
	background: #e0e0e0;
	opacity: 1 !important;
}

@media (max-width: 991px) {
.about-4 {
	padding: 40px 0;
}
.about-4 .main {
	margin-top: 30px;
}
.about-4 .main .swiper-slide {
	width: 100%;
	padding: 0;
}
}
.about-5 {
	padding: 85px 0 80px 0;
	overflow: hidden;
}
.about-5 .fl-main {
	width: 43%;
	float: left;
	overflow: hidden;
}
.about-5 .fl-main .txt {
	margin: 22px 0 32px 0;
	line-height: 30px;
	color: #363c59;
}
.about-5 .fl-main .info {
	padding: 40px 0;
	border-top: 1px solid #ddd;
}
.about-5 .fl-main .info .con {
	float: left;
	padding-right: 56px;
	position: relative;
}
.about-5 .fl-main .info .con .t-1 {
	margin-bottom: 20px;
	overflow: hidden;
	color: #fb6f42;
}
.about-5 .fl-main .info .con .t-1 span {
	font-size: 44px;
	font-weight: bold;
}
.about-5 .fl-main .info .con .t-1 sup {
	font-size: 20px;
	top: -20px;
}
.about-5 .fl-main .info .con .t-2 {
	font-size: 14px;
	color: #363c59;
}
.about-5 .fr-main {
	width: 55%;
	float: right;
	overflow: hidden;
}
.about-5 .fr-main .swiper-button-prev {
	width: 21px;
	height: 38px;
	opacity: 1;
	background: url("../images/icon-30.png") no-repeat center;
	margin: 0px;
	pointer-events: auto;
	cursor: pointer;
	position: absolute;
	top: 45%;
	left: 0;
}
.about-5 .fr-main .swiper-button-next {
	width: 21px;
	height: 38px;
	opacity: 1;
	background: url("../images/icon-30.png") no-repeat center;
	margin: 0px;
	transform: rotate(180deg);
	pointer-events: auto;
	cursor: pointer;
	position: absolute;
	top: 45%;
	right: 0;
}
.about-5 .fr-main .swiper-button-prev:hover {
	background: url("../images/icon-31.png") no-repeat center;
}
.about-5 .fr-main .swiper-button-next:hover {
	background: url("../images/icon-31.png") no-repeat center;
	transform: rotate(180deg);
}
.about-5 .fr-main .main {
	width: 90%;
	margin: 0 auto;
	overflow: hidden;
}
.about-5 .fr-main .main .con {
	overflow: hidden;
}
.about-5 .fr-main .main .con .img {
	overflow: hidden;
}
.about-5 .fr-main .main .con .img img {
	width: 100%;
}
.about-5 .fr-main .main .con .txt {
	height: 55px;
	overflow: hidden;
	padding: 0 25px;
	text-align: center;
	line-height: 26px;
	font-size: 14px;
	color: #666;
}

@media (max-width: 991px) {
.about-5 {
	padding: 40px 0;
}
.about-5 .fl-main {
	margin-bottom: 20px;
}
.about-5 .fl-main,  .about-5 .fr-main {
	width: 100%;
	float: none;
}
.about-5 .fl-main .info .con {
	width: 50%;
	margin-bottom: 20px;
	padding-right: 0;
	text-align: center;
}
}
.about-6 {
	width: 100%;
	background: #f8f8f8;
	overflow: hidden;
}
.about-6 .scl-div {
	width: 50%;
	float: left;
	overflow: hidden;
}
.about-6 .scl-fl {
	float: left;
	padding-left: 16%;
	padding-top: 160px;
}
.about-6 .scl-fl .txt {
	width: 83%;
	margin-top: 45px;
	overflow: hidden;
	line-height: 30px;
	color: #363c59;
}
.about-6 .scl-pic {
	width: 100%;
	overflow: hidden;
	position: relative;
}
.about-6 .scl-pic .swiper-button-prev {
	width: 43px;
	height: 43px;
	border-radius: 50%;
	opacity: 1;
	background: #fff url("../images/icon-50.png") no-repeat center;
	margin: 0px;
	pointer-events: auto;
	cursor: pointer;
	position: absolute;
	top: 45%;
	left: 4%;
}
.about-6 .scl-pic .swiper-button-next {
	width: 43px;
	height: 43px;
	border-radius: 50%;
	opacity: 1;
	background: #fff url("../images/icon-50.png") no-repeat center;
	margin: 0px;
	transform: rotate(180deg);
	pointer-events: auto;
	cursor: pointer;
	position: absolute;
	top: 45%;
	right: 4%;
}
.about-6 .scl-pic .swiper-button-prev:hover {
	background: #fb6237 url("../images/icon-51.png") no-repeat center;
}
.about-6 .scl-pic .swiper-button-next:hover {
	background: #fb6237 url("../images/icon-51.png") no-repeat center;
	transform: rotate(180deg);
}
.about-6 .scl-pic .swiper-slide .img {
	overflow: hidden;
}
.about-6 .scl-pic .swiper-slide img {
	width: 100%;
	height: auto;
}
.about-6 .scl-pic .swiper-slide img {
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}
.about-6 .scl-pic .swiper-slide:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

@media (max-width: 991px) {
.about-6 .scl-div {
	width: 100%;
	float: none;
}
.about-6 .scl-fl {
	float: none;
	padding: 30px 10px;
}
.about-6 .scl-fl .txt {
	width: 100%;
	margin-top: 25px;
}
}
.about-7 {
	width: 100%;
	padding: 100px 0;
	overflow: hidden;
}
.about-7 .fl-main {
	width: 33%;
	float: left;
	overflow: hidden;
	background: url("../images/about-7bg.jpg") no-repeat top left;
}
.about-7 .fl-main img {
	padding: 80px 0 0 80px;
	width: 100%;
}
.about-7 .fr-main {
	width: 58%;
	float: right;
	overflow: hidden;
	position: relative;
}
.about-7 .fr-main .in-tit {
	margin-top: 78px;
}
.about-7 .fr-main .txt {
	margin-top: 30px;
	line-height: 27px;
	color: #363c59;
	padding-bottom: 90px;
}
.about-7 .fr-main .icon-1 {
	position: absolute;
	top: 19px;
	right: 32px;
}
.about-7 .fr-main .icon-2 {
	position: absolute;
	bottom: 0;
	right: 32px;
}

@media (max-width: 991px) {
.about-7 {
	padding: 40px 0;
}
.about-7 .fr-main .in-tit {
	margin-top: 30px;
}
.about-7 .fl-main img {
	padding: 0;
}
.about-7 .fl-main,  .about-7 .fr-main {
	width: 100%;
	float: none;
}
}
/**/
.solve-bg {
	width: 100%;
	overflow: hidden;
	background: #f3f3f3;
}
.solve {
	width: 100%;
	overflow: hidden;
	padding: 80px 0 90px 0;
}
.solve-tit {
	font-size: 50px;
	text-align: center;
	margin-bottom: 22px;
	color: #262626;
}
.solve-txt {
	font-size: 20px;
	text-align: center;
	line-height: 33px;
	color: #444;
}
.solve-2 {
	margin-top: 10px;
}
.solve-2item {
	width: 100%;
	overflow: hidden;
	background: #fff;
	margin-top: 40px;
	position: relative;
	box-shadow: 0px 0px 13px 3px rgba(204, 204, 204, 0.3);
}
.solve-2item a {
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
	position: relative;
}
.solve-2left {
	float: left;
	width: 50%;
	overflow: hidden;
}
.solve-2left img {
	width: 100%;
	height: auto;
}
.solve-2item:hover .solve-2left img {
	transform: scale(1.03);
}
.solve-2right {
	width: 50%;
	overflow: hidden;
	position: absolute;
	right: 0px;
	top: 0px;
	height: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-content: center;
}
.solve-2right span {
	width: 82%;
	line-height: 38px;
	display: block;
	overflow: hidden;
	font-size: 32px;
	color: #000;
	margin: 0px auto;
}
.solve-2right span a {
	color: #000;
}
.solve-2info {
	width: 82%;
	overflow: hidden;
	line-height: 26px;
	color: #626262;
	margin: 20px auto 0px;
}
.solve-2more {
	width: 82%;
	margin: 40px auto 0px;
}
.solve-2more em {
	float: left;
	width: 210px;
	line-height: 45px;
	overflow: hidden;
	font-size: 18px;
	color: #fff;
	background: #ee7700;
	text-align: center;
}
.solve-2more em a {
	color: #fff;
}
.solve-2item:nth-child(2n) .solve-2left {
	float: right;
}
.solve-2item:nth-child(2n) .solve-2right {
	right: auto;
	left: 0px;
}

@media (max-width: 991px) {
.solve {
	padding: 40px 0;
}
.solve-tit {
	font-size: 26px;
	margin-bottom: 20px;
}
.solve-txt {
	font-size: 14px;
	line-height: 26px;
}
.solve-2 {
	margin-top: 0;
}
.solve-2item {
	margin-top: 20px;
}
.solve-2left {
	width: 100%;
}
.solve-2right {
	position: relative;
	box-sizing: border-box;
	padding: 20px 10px;
	width: 100%;
}
.solve-2right span {
	width: 100%;
	font-size: 16px;
	line-height: 26px;
}
.solve-2info {
	width: 100%;
	margin: 10px auto 0px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	line-height: 24px;
	font-size: 14px;
}
.solve-2more {
	width: 100%;
	margin: 20px auto 0;
}
.solve-2more em {
	height: 36px;
	line-height: 36px;
	font-size: 14px;
}
}
.solve-4 {
	width: 100%;
	overflow: hidden;
	padding: 85px 0 13px 0;
	background: #fff;
}
.solve-4left {
	width: 50%;
	overflow: hidden;
	float: left;
}
.solve-4left img {
	width: 100%;
	height: auto;
}
.solve-4left:hover img {
	transform: scale(1.03);
}
.solve-4right {
	width: 47%;
	float: right;
	padding-top: 70px;
}
.solve-4right .tit {
	width: 100%;
	overflow: hidden;
	font-size: 32px;
	color: #222;
}
.solve-4info {
	width: 100%;
	overflow: hidden;
	line-height: 28px;
	font-size: 16px;
	color: #626262;
	margin-top: 1.8vw;
}
.solve-4right .solve-4more {
	width: 100%;
	margin-top: 40px;
}
.solve-4right .solve-4more em {
	width: 250px;
	line-height: 45px;
	display: block;
	text-align: center;
	background: #ee7700;
	color: #fff;
	font-size: 18px;
}
.solve-4right .solve-4more em i {
	font-size: 22px;
	margin-right: 10px;
}
.solve-4right .solve-4more a:hover, .solve-4right .solve-4more a:first-child {
	background: #ee7700;
	color: #fff;
}
.solve-4right .solve-4more a:hover {
	transform: translateY(-3px);
}
.pro-2 {
	width: 100%;
	overflow: hidden;
	height: 70px;
	background: #f2f2f2;
	margin-top: 72px;
}
.pro-2 ul {
	overflow: hidden;
	/* margin:9px auto 0px; */
	height: 70px;
	line-height: 70px;
}
.pro-2 ul li {
	float: left;
	width: 25%;
	overflow: hidden;
	height: 100%;
	text-align: center;
	font-size: 18px;
	color: #666;
	cursor: pointer;
	position: relative;
}
.pro-2 ul li:before {
	width: 0%;
	height: 2px;
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
	background: #ee7700;
}
.pro-2 ul li.active {
	background: #fff;
	color: #ee7700;
}
.pro-2 ul li.active:before {
	width: 100%;
}
.pro-3 {
	width: 100%;
	overflow: hidden;
	position: relative;
}
.pro-3pannel {
	width: 100%;
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 0px;
	opacity: 0;
	z-index: 1;
}
.pro-3pannel.active {
	opacity: 1;
	z-index: 2;
	position: relative;
}
.pro-3td {
	overflow: hidden;
	margin: 0px auto;
	padding: 90px 0px 160px;
}
.pro-3td .h4 {
	float: left;
	width: 100%;
	overflow: hidden;
	font-size: 24px;
	color: #ee7700;
}
.pro-3info {
	float: left;
	width: 100%;
	overflow: hidden;
	line-height: 28px;
	font-size: 16px;
	color: #666;
	margin-top: 20px;
}
.pro-3pic {
	float: left;
	width: 100%;
	overflow: hidden;
	margin-top: 20px;
}
.pro-3pic img {
	width: 100%;
	height: auto;
}
.pro-3pannel ul {
	float: left;
	width: 100%;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	margin-top: 25px;
}
.pro-3pannel ul li {
	float: left;
	width: 100% !important;
	overflow: hidden;
	line-height: 24px;
	position: relative;
	font-size: 16px;
	color: #222;
	padding-left: 24px;
	margin-top: 20px;
	box-sizing: border-box;
}
.pro-3pannel ul li:before {
	width: 6px;
	height: 6px;
	content: "";
	position: absolute;
	left: 0px;
	top: 10px;
	border-radius: 50%;
	background: #ee7700;
	overflow: hidden;
}
.pro-3des {
	float: left;
	width: 100%;
	overflow: hidden;
	line-height: 28px;
	font-size: 16px;
	color: #666;
	margin-top: 50px;
}
.pro-3pannel ul.on li {
	width: 32%;
	margin-right: 1%;
}
.pro-3pannel.active .pro-3td {
	animation: updown 0.5s ease 1;
	animation-fill-mode: forwards;
	line-height: 25px;
}

@media (max-width: 992px) {
.solve-4 {
	padding: 30px 0 5px 0;
}
.solve-4left {
	width: 100%;
	float: none;
}
.solve-4right {
	width: 100%;
	float: none;
	padding-top: 20px;
}
.solve-4right .tit {
	font-size: 18px;
}
.solve-4info {
	line-height: 25px;
	font-size: 14px;
}
.solve-4right .solve-4more {
	margin-top: 20px;
}
.solve-4right .solve-4more a {
	width: auto;
	padding: 0 15px !important;
	min-width: 20px;
}
.pro-2 {
	margin-top: 10px;
}
.pro-2 ul li {
	font-size: 14px;
}
.pro-3td,  .pro-3app {
	padding: 20px 0px;
}
}
/**/
.inner-news {
	width: 100%;
	background: #f8f8f8;
	padding: 0 0 100px 0;
	overflow: hidden;
}
.inner-news-main {
	background: #fff;
	padding: 50px;
	overflow: hidden;
}
.top-news {
	width: 100%;
	overflow: hidden;
}
.top-news .con {
	width: 100%;
	position: relative;
	overflow: hidden;
}
.top-news .con .img {
	overflow: hidden;
}
.top-news .con img {
	width: 100%;
}
.top-news .con img {
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}
.top-news .con:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.top-news .con .time {
	width: 80px;
	height: 70px;
	background: #ff791f;
	position: absolute;
	top: 0;
	left: 30px;
	z-index: 1;
	text-align: center;
	color: #fff;
}
.top-news .con .time span {
	display: block;
	margin-top: 8px;
	font-size: 40px;
}
.top-news .con .time em {
	display: block;
	font-size: 14px;
}
.top-news .con .info {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	line-height: 54px;
	padding: 0 20px;
	font-size: 20px;
	color: #fff;
	background: url("../images/fw-t.png") repeat;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}
.list-news {
	padding: 50px 0 35px 0;
	overflow: hidden;
}
.list-news li {
	display: inline-block;
	width: 100%;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #dcdcdc;
}
.list-news li:hover .imgfd img {
	transform: scale(1.09);
	-webkit-transform: scale(1.09);
}
.list-news li .imgfd {
	width: 26.8%;
	overflow: hidden;
	display: block;
}
.list-news li .imgfd img {
	width: 100%;
	display: block;
}
.list-news li .txt {
	width: 70%;
	margin-top: 20px;
}
.list-news li .txt .t-1 {
	font-size: 26px;
	color: #363c59;
	font-weight: bold;
	height: 55px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}
.list-news li .txt .word {
	color: #61667b;
	line-height: 30px;
	border-top: 1px solid #dcdcdc;
	padding-top: 23px;
	margin-bottom: 23px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.list-news li .bott {
	overflow: hidden;
	line-height: 40px;
	padding: 0 15px;
}
.list-news li .bott .time {
	float: left;
	color: #61667b;
}
.list-news li .bott .more {
	float: right;
	width: 140px;
	text-align: center;
	background: #f4f8fd;
	border-radius: 20px;
}
.list-news li .bott .more a {
	color: #152e80;
	display: block;
	border-radius: 20px;
}
.list-news li:hover .bott .more a {
	background: linear-gradient(90deg, #fb8654, #fb6136);
	color: #fff;
	border-radius: 20px;
}

@media (max-width: 991px) {
.inner-news {
	padding: 0 0 20px 0;
}
.inner-news-main {
	padding: 20px 10px;
}
.top-news .con {
	margin-bottom: 20px;
}
.top-news .con .time {
	width: 70px;
	height: 55px;
}
.top-news .con .time span {
	font-size: 24px;
}
.top-news .con .info {
	font-size: 16px;
	line-height: 35px;
	padding: 0 10px;
}
.list-news {
	padding: 15px 0;
}
.list-news li {
	padding-bottom: 0;
}
.list-news li .txt .t-1 {
	font-size: 16px;
	height: 15px;
}
.list-news li .txt .word {
	line-height: 24px;
	margin-bottom: 20px;
	padding-top: 20px;
	border-top: 0;
}
.list-news li .imgfd {
	display: none;
}
.list-news li .txt {
	width: 100%;
	margin-top: 0;
	padding-bottom: 20px;
}
.list-news li .bott {
	padding: 0;
}
}
.show-news {
	width: 100%;
	background: #f8f8f8;
	padding: 0 0 60px 0;
	overflow: hidden;
}
.news-info {
	width: 100%;
	overflow: hidden;
	background: #fff;
	padding: 50px;
}
.news-info .t-1 {
	font-size: 32px; 
    font-weight: 600;
    line-height: 1.3;
    margin: 0 0 12px 0;
    color: #1a1a1a;
    word-break: break-word;
    letter-spacing: -0.2px;
}
.news-info .t-2 {
	width: 100%;
	height: 62px;
	padding: 12px 0;
	border-bottom: 1px dotted #f1f1f1;
}
.news-info .t-2 div:first-child {
	display: block;
	float: left;
	font-size: 16px;
	line-height: 37px;
	color: #b6b5b5;
}
.news-info .t-2 div a {
	color: #b6b5b5;
}
.news-info .t-2 em {
	display: block;
	float: right;
	line-height: 37px;
}
.pro-1fx {
	float: right;
	line-height: 44px;
	font-size: 16px;
}
.news-info .t-2 em o {
	display: block;
	float: left;
}
.news-info .t-2 em a {
	width: 37px;
	line-height: 37px;
	border-radius: 20px;
	text-align: center;
	color: #fff;
	background: #bdbdbd;
	margin-right: 10px;
	float: left;
}
.news-info .t-2 em a:hover i {
	background: #ff791f;
	width: 37px;
	line-height: 37px;
	display: block;
	border-radius: 20px;
}
.news-info .box-1 {
	padding: 40px 0 50px 0;
    font-size: 16px;
    line-height: 1.75;
    color: #2c3e50;
    word-wrap: break-word;
}
.news-info .box-1 img,.news-info .box-1 video {
	max-width: 100%;
    height: auto;
    display: block;
    margin: 25px auto;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
.news-info .box-1 p {
	margin-bottom: 1.4em;
}
.news-info .box-1 a {
    color: #ff791f;
    text-decoration: underline;
    text-underline-offset: 2px;
    transition: opacity 0.2s;
}
.news-info .box-1 a:hover {
    opacity: 0.8;
    text-decoration: none;
}
.news-info .box-1 h2,
.news-info .box-1 h3,
.news-info .box-1 h4 {
    margin: 1.8em 0 0.8em;
    font-weight: 600;
    color: #1e1e1e;
}
.news-info .box-1 h2 {
    font-size: 1.6em;
    border-bottom: 1px solid #eee;
    padding-bottom: 0.3em;
}
.news-info .box-1 h3 {
    font-size: 1.35em;
}
.news-info .box-1 table {
    width: 100%;
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 0.95em;
}
.news-info .box-1 th,
.news-info .box-1 td {
    border: 1px solid #e0e0e0;
    padding: 10px 12px;
    text-align: left;
}
.news-info .box-1 th {
    background: #f5f5f5;
    font-weight: 600;
}
.news-info .box-2 {
    width: 100%;
    margin-bottom: 30px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 15px;
}
.news-info .box-2 dt {
    font-size: 16px;
    color: #484848;
    line-height: 1.5;
    white-space: nowrap;
    flex-shrink: 0;
}
.news-info .box-2 dd {
    display: inline-block;
    background: #f3f4f8;
    padding: 6px 16px;
    border-radius: 30px;
    font-size: 15px;
    line-height: 1.4;
    margin: 0;
    transition: all 0.2s;
}
.news-info .box-2 dd a {
    display: block;
    color: #717171;
    text-decoration: none;
}
.news-info .box-2 dd:hover {
    background: #ff791f;
}
.news-info .box-2 dd:hover a {
    color: #fff;
}
.news-info .paging {
    width: 100%;
    padding: 30px 0 0;
    border-top: 1px dotted #f1f1f1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.news-info .paging-fl {
    flex: 1 1 auto;
    min-width: 200px;
}
.news-info .paging-fl span {
    display: block;
    line-height: 1.8;
    font-size: 16px;
    color: #484848;
    margin-bottom: 6px;
}
.news-info .paging-fl span:last-child {
    margin-bottom: 0;
}
.news-info .paging-fl span a {
    color: #484848;
    text-decoration: none;
    word-break: break-word;
}
.news-info .paging-fl span a:hover {
    color: #ff791f;
    text-decoration: underline;
}
.news-info .return {
    flex-shrink: 0;
    width: 140px;
    border-radius: 40px;
    line-height: 48px;
    text-align: center;
    font-size: 16px;
    background: #ff791f;
    color: #fff;
    margin-left: 20px;
    transition: opacity 0.2s;
}
.news-info .return a {
    color: #fff;
    display: block;
    text-decoration: none;
}
.news-info .return:hover {
    opacity: 0.9;
}
.news-info .return {
	float: right;
	border-radius: 25px;
	display: block;
	width: 140px;
	line-height: 50px;
	margin-top: 10px;
	text-align: center;
	font-size: 16px;
	background: #ff791f;
	color: #fff;
}
.news-info .return a {
	color: #fff;
	display: block;
}
.show-news .othe-new {
	padding: 30px 50px;
	background: #fff;
	margin-top: 30px;
	overflow: hidden;
}
.show-news .othe-new .title {
	font-size: 22px;
	color: #363c59;
	border-left: 4px solid #fb6f42;
	padding-left: 15px;
	margin-bottom: 20px;
}
.show-news .othe-new .main {
	width: 100%;
	margin-top: 0;
	overflow: hidden;
}
.show-news .othe-new .swiper-slide {
	width: 33.33%;
	float: left;
	padding: 0 12px;
	display: block;
}
.show-news .othe-new .bottom40 {
	width: 100%;
	height: 20px;
}
.show-news .othe-new .swiper-pagination {
	display: -webkit-box;
	display: -ms-flexbox;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.show-news .othe-new .swiper-pagination-bullet-active {
	background: #fb7e4d !important;
}
.show-news .othe-new .swiper-pagination-bullet {
	width: 12px !important;
	height: 12px !important;
	background: #e0e0e0;
	opacity: 1 !important;
}
.show-news .othe-new .main .con {
	border: 1px solid #e1e1e1;
	border-radius: 4px;
    overflow: hidden;
    transition: box-shadow 0.2s;
}
.show-news .othe-new .main .con:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.show-news .othe-new .main .con .pic {
	overflow: hidden;
	aspect-ratio: 16/9;
}
.show-news .othe-new .main .con .pic img {
	width: 100%;
	object-fit: cover;
}
.show-news .othe-new .main .con .pic img {
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}
.show-news .othe-new .main .con:hover .pic img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}
.show-news .othe-new .main .con .info {
	padding: 15px;
	overflow: hidden;
}
.show-news .othe-new .main .con .info .t-1 {
	display: block;
	margin-bottom: 8px;
	line-height: 1.5;
	color: #000;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	font-size: 16px;
	font-weight: 500;
}
.show-news .othe-new .main .con .info .t2 {
	display: block;
	font-size: 14px;
	margin-bottom: 12px;
	line-height: 1.6;
	min-height: 44px;
	color: #757575;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.show-news .othe-new .main .con .info .t-3 {
	padding-top: 14px;
	border-top: 1px solid #ddd;
	overflow: hidden;
}
.show-news .othe-new .main .con .info .t-3 span {
	float: left;
	display: block;
	color: #5b5b5b;
}
.show-news .othe-new .main .con .info .t-3 i {
	float: right;
	display: block;
}
.show-news .show-news-r {
	padding: 30px 25px 10px;
	background: #fff;
}
.show-news .show-news-r .title {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 18px 0 15px;
    margin-bottom: 25px;
    height: 44px;
    background: linear-gradient(to right, #f9f9f9, #f1f1f1); 
    font-size: 18px;
    font-weight: 600;
    color: #2a2a2a;
    border-left: 6px solid #ff791f;
    border-radius: 0 4px 4px 0;
    box-shadow: 0 2px 4px rgba(0,0,0,0.03);
    letter-spacing: 0.3px;
    transition: background 0.2s;
}
.show-news .show-news-r .info-new {
	margin-bottom: 20px;
	overflow: hidden;
}
.show-news .show-news-r .info-new .con {
	margin-bottom: 20px;
	padding-bottom: 19px;
	border-bottom: 1px solid #e8e9ef;
	overflow: hidden;
}
.show-news .show-news-r .info-new .con:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border: 0;
}
.show-news .show-news-r .info-new .con .pic {
	width: 38%;
	float: left;
	overflow: hidden;
}
.show-news .show-news-r .info-new .con .pic img {
	width: 100%;
	display: block;
}
.show-news .show-news-r .info-new .con:hover .pic img {
	transform: scale(1.09);
	-webkit-transform: scale(1.09);
}
.show-news .show-news-r .info-new .con:hover .txt span a {
	color: #363c59;
}
.show-news .show-news-r .info-new .con .txt {
	width: 60%;
	float: right;
	overflow: hidden;
}
.show-news .show-news-r .info-new .con .txt span {
	margin-top: 3px;
	display: block;
	line-height: 24px;
}
.show-news .show-news-r .info-new .con .txt span a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 3em;
    line-height: 1.5;
}
.show-news .show-news-r .info-new .con .txt em {
	margin-top: 10px;
	color: #61667b;
	font-size: 14px;
	display: block;
}
.show-news .show-news-r .info-new .con .txt em i {
	margin-left: 18px;
}
.show-news .show-news-r .info-othe {
	overflow: hidden;
	margin-bottom: 20px;
}
.show-news .show-news-r .info-othe li {
	width: 48%;
	margin-right: 4%;
	margin-bottom: 20px;
	float: left;
}
.show-news .show-news-r .info-othe li:nth-child(2n) {
	margin-right: 0px;
}
.show-news .show-news-r .info-othe li img {
	width: 100%;
	border: #ddd solid 1px;
	margin-bottom: 13px;
}
.show-news .show-news-r .info-othe li span {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size: 14px;
	white-space: normal;
	text-overflow: ellipsis;
}
.show-news .show-news-r .info-othe li span a {
	color: #08080c;
}
.show-news .show-news-r .info-othe li span a:hover {
	color: #ff791f;
}
.show-news .show-news-r .list-rmtj {
	overflow: hidden;
}
.show-news .show-news-r .list-rmtj li {
	width: 100%;
	line-height: 35px;
	height: 41px;
	border-bottom: 1px dotted #eee;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.show-news .show-news-r .list-rmtj li:last-child {
	border: 0;
}
.show-news .show-news-r .list-rmtj li:nth-child(1) span {
	color: #fe2d46;
}
.show-news .show-news-r .list-rmtj li:nth-child(2) span {
	color: #f60;
}
.show-news .show-news-r .list-rmtj li:nth-child(3) span {
	color: #faa90e;
}
.show-news .show-news-r .list-rmtj li span {
	color: #888;
}
.show-news .show-news-r .list-rmtj li a {
	font-size: 16px;
	color: #3d3d3d;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.show-news .show-news-r .list-rmtj li a:hover {
	color: #ff791f;
}

@media (max-width: 991px) {
.show-news {
	padding-bottom: 40px;
}
.news-info {
	padding: 20px;
	margin-top: 20px;
}
.news-info .t-1 {
	font-size: 24px;
    line-height: 1.35;
    margin-bottom: 8px;
}
.news-info .t-2 div {
	width: 100%;
	font-size: 12px;
}
.news-info .t-2 em {
	display: none;
}
.news-info .box-1 {
    padding: 20px 0 35px 0;
    font-size: 16px;
    line-height: 1.65;
}
.news-info .box-1 p {
    margin-bottom: 1.2em;
}
.news-info .box-1 img {
    margin: 18px auto;
    border-radius: 6px;
}
.news-info .box-1 blockquote {
    margin: 20px 0;
    padding: 12px 18px;
}
.news-info .box-1 h2 {
    font-size: 1.4em;
}
.news-info .box-1 table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}
.news-info .box-2 {
    gap: 8px 10px;
    margin-bottom: 25px;
}
.news-info .box-2 dt {
    font-size: 15px;
}
.news-info .box-2 dd {
    padding: 4px 12px;
    font-size: 14px;
}
    .news-info .paging {
        flex-direction: column;
        align-items: stretch;
        padding-top: 25px;
    }

    .news-info .paging-fl {
        width: 100%;
        margin-bottom: 20px;
    }

    .news-info .paging-fl span {
        font-size: 15px;
        line-height: 1.7;
    }

    .news-info .return {
        width: 100%;
        margin-left: 0;
        line-height: 50px;
        font-size: 16px;
    }
.news-info .return {
	font-size: 14px;
	line-height: 40px;
	float: none;
	margin: 10px auto 0;
}
.show-news .othe-new {
	padding: 20px 20px 0 20px;
	margin-bottom: 20px;
}
.show-news .othe-new-tit span {
	font-size: 24px;
}
.show-news .othe-new .swiper-slide {
	width: 100%;
	padding: 0;
}
.show-news .othe-new .main .con .tit {
	font-size: 16px;
	line-height: 25px;
}
.show-news .othe-new .main .con .info .t-1 {
	-webkit-line-clamp: 2;
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 6px;
    max-height: 50px;    
}
   .show-news .show-news-r {
        padding: 20px 15px 0;
    }
    .show-news .show-news-r .title {
        font-size: 18px;
        padding: 10px 15px; 
        margin-bottom: 18px;
        border-left-width: 5px; 
        background: #f5f5f5;
        border-radius: 0 6px 6px 0;
        color: #2a2a2a; 
        font-weight: 600;
        line-height: 1.4;
        box-shadow: none;  
    }
    .show-news .show-news-r .info-new .con {
        display: flex;
        align-items: center;
        margin-bottom: 15px;
        padding-bottom: 14px;
    }
    .show-news .show-news-r .info-new .con .pic {
        width: 80px;
        float: none;
        flex-shrink: 0;
        margin-right: 12px;
    }
    .show-news .show-news-r .info-new .con .pic img {
        width: 100%;
        height: auto;
        border-radius: 4px;
        transition: transform 0.2s;
    }
    .show-news .show-news-r .info-new .con:hover .pic img {
        transform: scale(1.05);
    }
    .show-news .show-news-r .info-new .con .txt {
        width: auto;
        float: none;
        flex: 1;
    }
    .show-news .show-news-r .info-new .con .txt span {
        margin-top: 0;
        line-height: 1.4;
        font-size: 15px;
    }
    .show-news .show-news-r .info-new .con .txt em {
        margin-top: 5px;
        font-size: 13px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        color: #888;
    }
    .show-news .show-news-r .info-new .con .txt em i {
        margin-left: 10px;
        font-style: normal;
        color: #999;
    }
    .show-news .show-news-r .list-rmtj li {
        display: flex;
        align-items: baseline;
        line-height: 1.5;
        padding: 8px 0;
        white-space: normal; 
        border-bottom: 1px solid #eee;
    }
    .show-news .show-news-r .list-rmtj li span {
        display: inline-block;
        width: 14px;
        font-weight: bold;
        margin-right: 8px;
    }
    .show-news .show-news-r .list-rmtj li a {
        flex: 1;
        font-size: 15px;
        color: #3d3d3d;
        word-break: break-word;
    }
    .show-news .show-news-r .list-rmtj li:last-child {
        border-bottom: none;
    }
}
.location {
	width: 100%;
	overflow: hidden;
	padding: 50px 0 45px 0;
	color: #737373;
}
.location a {
	color: #737373;
}

@media (max-width: 991px) {
.location {
	padding: 20px 0;
	font-size: 14px;
}
}
/*产品*/
.inner-pro {
	width: 100%;
	padding-bottom: 50px;
	overflow: hidden;
}
.inner-pro .pro-fl {
	float: left;
	width: 20%;
	padding: 30px;
	background: #fff;margin-bottom: 220px;
}

.pro-menu {
	margin-bottom: 20px;
}
.pro-menu .pro-menu-tit {
	height: 28px;
	margin-bottom: 33px;
}
.pro-menu .pro-menu-tit img {
	float: left;
	margin-right: 15px;
}
.pro-menu .pro-menu-tit h2 {
	display: block;
	line-height: 28px;
	font-size: 24px;
	color: #363c59;
}
.pro-menu li a {
	color: #363c59;
}
.sky-mega-menu li li a {
	padding-right: 15px !important;
}

.pro-menu li span {
	position: absolute;
	right: 20px;
	top: 0;
	font-size: 25px;
	color: #363c59;
}
.inner-pro .pro-fl .fl-video {
	padding: 30px 0;
	border-top: 1px solid #e5e5e5;
}
.inner-pro .pro-fl .fl-video-tit {
	height: 22px;
	margin-bottom: 27px;
}
.inner-pro .pro-fl .fl-video-tit img {
	float: left;
	margin-right: 8px;
}
.inner-pro .pro-fl .fl-video-tit h2 {
	display: block;
	line-height: 22px;
	font-size: 24px;
	color: #363c59;
}
.inner-pro .pro-fl .fl-video-con {
	overflow: hidden;
}
.inner-pro .pro-fl .fl-video-con .vd-top {
	position: relative;
	display: block;
}
.inner-pro .pro-fl .fl-video-con img {
	width: 100%;
}
.inner-pro .pro-fl .fl-video-con span {
	width: 50px;
	height: 50px;
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: url("../images/icon-v.png") no-repeat center;
	background-size: 100%;
	z-index: 12;
}
.inner-pro .pro-fl .fl-othe-news {
	padding-top: 30px;
	border-top: 1px solid #e5e5e5;
}
.inner-pro .pro-fl .fl-othe-news-tit {
	height: 25px;
	margin-bottom: 26px;
}
.inner-pro .pro-fl .fl-othe-news-tit img {
	float: left;
	margin-right: 9px;
}
.inner-pro .pro-fl .fl-othe-news-tit h2 {
	display: block;
	line-height: 25px;
	font-size: 24px;
	color: #363c59;
}
.inner-pro .pro-fl .fl-othe-news li {
	line-height: 58px;
	padding: 0 10px 0 20px;
	margin-bottom: 10px;
	background: #f8f8f8;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}
.inner-pro .pro-fl .fl-othe-news li a {
	color: #363c59;
	font-size: 14px;
}
.inner-pro .pro-fl .fl-othe-news li:hover {
	background: linear-gradient(90deg, #fb8654, #fb6136);
	color: #fff;
}
.inner-pro .pro-fl .fl-othe-news li:hover a {
	color: #fff;
}
.inner-pro .pro-fr {
	width: 77%;
	float: right;
}
.inner-pro .pro-fr .screen-OFF {
	background: #fff !important;
	border: 0 !important;
}
.inner-pro .pro-fr .screen-OFF .col-lg-8 {
	display: none;
}
.inner-pro .pro-fr .screen {
	width: 100%;
	background: #fff;
	margin-bottom: 20px !important;
}
.inner-pro .pro-fr .screen .dropdown {
	float: left;
}

.inner-pro .pro-fr .screen .notes{ line-height: 50px; color:red; font-size: 15px; text-indent: 20px;}
@media (max-width: 991px) { 
	.inner-pro .pro-fr .screen .notes{ font-size: 14px; text-indent: 4px; line-height: 40px;}
}
.inner-pro .pro-fr .screen .dropdown .btn-secondary {
	color: #363c59;
	background: none;
}
.inner-pro .pro-fr .screen .show>.btn-secondary.dropdown-toggle:focus {
	box-shadow: none;
}
.inner-pro .pro-fr .screen .btn-secondary:focus, .inner-pro .pro-fr .screen .btn-secondary.focus {
	-webkit-tap-highlight-color: transparent;
	outline: none;
}
.inner-pro .pro-fr .screen .dropdown .btn {
	padding: 13px 20px;
	border: 0;
	border-right: 1px solid #e5e5e5;
	border-radius: 0;
	font-size: 15px;
}
.inner-pro .pro-fr .screen .dropdown .dropdown-item {
	padding: 15px 20px;
	font-size: 15px;
	border-bottom: 1px solid #e5e5e5;
	text-align: center;
	width: 116px;
}
.inner-pro .pro-fr .screen .dropdown .dropdown-item:last-child {
	border-bottom: 0;
}
.inner-pro .pro-fr .screen .info {
	float: right;
	padding-right: 20px;
	line-height: 48px;
	color: #fb6f42;
}

.inner-pro .pro-fr .screen .info span#_keyword{ color: #fb6f42;margin-right:0px;}
.inner-pro .pro-fr .screen .info span{
	margin-right: 10px;
	color: #363c59;
}
.inner-pro .pro-fr .screen .info h1  {
	display: inline-block;
	vertical-align: middle;
	color: #fb6f42;
}
.inner-pro .pro-fr .screen .info o {
	color: #fb6f42;
}
.inner-pro .pro-fr .screen .dropdown-menu {
	border: 0;
	overflow-y: auto;
	max-height: 300px;
	padding: 0;
	min-width: auto;
}
.inner-pro .pro-fr .screen .dropdown-menu::-webkit-scrollbar {
 width: 4px;
 height: 4px;
}
.inner-pro .pro-fr .screen .dropdown-menu::-webkit-scrollbar-thumb {
 border-radius: 4px;
 background-color: #fb6f42;
}
.inner-pro .pro-fr .screen .dropdown-menu::-webkit-scrollbar-track {
 border-radius: 4px;
 background: rgba(0, 0, 0, 0.05);
}
.inner-pro .pro-fr .screen .dropdown-item.active, .inner-pro .pro-fr .screen .dropdown-item:active {
	background: #fb6f42;
}
.inner-pro .pro-fr-main {
	padding-bottom: 35px;
	overflow: hidden;
}
.inner-pro .pro-fr-main .con {
	background: #fff;
	margin-bottom: 20px;
}
.inner-pro .pro-fr-main .con .pic {
	overflow: hidden;
}
.inner-pro .pro-fr-main .con .pic img {
	width: 100%;
}
.inner-pro .pro-fr-main .con .pic img {
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}
.inner-pro .pro-fr-main .con:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.inner-pro .pro-fr-main .con .txt {
	padding: 10px;
	text-align: center;
	color: #08080c;
	border-top: 2px solid #f7f9fc;
}
.inner-pro .pro-fr-main .con .txt span {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    line-height: 20px;
    font-size: 15px;
    overflow: hidden;
}
.inner-pro .pro-fr-main .con .txt span a {
    color: #000;
    text-decoration: none;
}

.inner-pro .pro-fr-main .con .txt em {
    display: block;
    line-height: 25px;
    font-size: 14px;
    overflow: hidden;
}
.inner-pro .pro-fr-main .con .txt em p {
    margin: 0;
    padding: 0;
    display: none;
}
@media (max-width: 991px) {
    .inner-pro .pro-fr-main .con .txt span{
		font-size: 14px;
    }
    .inner-pro .pro-fr-main .con .txt em {
        line-height: 22px;
        font-size: 13px;
    }
}
.inner-pro .pro-fr-main .con .txt a {
	color: #08080c;
}
.inner-pro .pro-fr-main .con:hover .txt {
	background: #ff791f;
	color: #fff;
}
.inner-pro .pro-fr-main .con:hover .txt a {
	color: #fff;
}
.inner-pro .pro-info {
	padding: 15px 0;
	text-indent: 25px;
	border-top: 1px solid #e5e5e5;
	line-height: 22px;
	font-size: 14px;
	color: #6f7384;
}

@media (max-width: 991px) {
.inner-pro {
	padding-bottom: 30px;
}
.inner-pro .pro-fl {
	width: 100%;
	float: none;
	padding: 20px;
	margin-bottom: 0;
}
.inner-pro .pro-menu {
	margin-bottom: -10px;
}
.inner-pro .pro-fl .fl-video {
	padding: 20px 0 0 0;
}
.pro-menu .pro-menu-tit {
	display: none;
}
.inner-pro .pro-fl .fl-video-tit {
	display: none;
}
.inner-pro .pro-fl .fl-othe-news {
	display: none;
}
.inner-pro .pro-fr {
	width: 100%;
	float: none;
	padding-top: 20px;
}
.inner-pro .pro-fr-main .con {
	margin-bottom: 15px;
}
.inner-pro .pro-fr-main .col-lg-4 {
	width: 50%;
}
.inner-pro .pro-fr-main .col-lg-4:nth-child(odd) {
	padding-left: 15px;
	padding-right: 7.5px;
}
.inner-pro .pro-fr-main .col-lg-4:nth-child(even) {
	padding-left: 7.5px;
	padding-right: 15px;
}
.inner-pro .pro-fr .screen .dropdown .btn {
	font-size: 12px;
	padding: 13px 15px;
	border-right: 0;
}
.inner-pro .pro-fr .screen .info {
	float: none;
	text-align: center;
	padding-right: 0;
	font-size: 14px;
}
.inner-pro .pro-info {
	display: none;
}
}
.show-pro {
	width: 100%;
	background: #f7f9fc;
	padding: 40px 0 80px 0;
	overflow: hidden;
}
/*product-info*/
.pro-1 {
	width: 100%;
	overflow: hidden;
	padding: 60px;
	margin-bottom: 10px;
	background: #fff;
}
.pro-1left {
	width: 45.5%;
	overflow: hidden;
	float: left;
}
.pro-1left .tit {
	width: 100%;
	overflow: hidden;
}
.pro-1left .tit .t-1 {
	font-size: 30px;
	color: #333;
	margin-bottom: 20px;
}
.pro-1left .tit .t-2 {
	color: #333;
	font-size: 22px;
}
.pro-1info {
	width: 100%;
	overflow: hidden;
	line-height: 28px;
	font-size: 16px;
	color: #666;
	margin-top: 30px;
}
.pro-1-m {
	width: 100%;
	margin-top: 60px;
}
.pro-1more {
	float: left;
}
.pro-1more a {
    float: left;
    width: 140px;
    height: 44px;
    line-height: 44px;
    overflow: hidden;
    text-align: center;
    margin-right: 24px;
    box-sizing: border-box;
    border: none; 
    background: #ff791f;
    font-size: 14px;
    color: #ffffff;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s ease;
}
.pro-1more a:hover {
    background: #cc5f0f; 
    color: #ffffff; 
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
.pro-1more a:hover {
	transform: translateY(-3px);
}
.pro-1fx {
	float: right;
	line-height: 44px;
	font-size: 16px;
}
.pro-1fx span {
	display: block;
	float: left;
}
.pro-1fx a {
	width: 37px;
	line-height: 37px;
	display: block;
	border-radius: 20px;
	text-align: center;
	color: #fff;
	background: #bdbdbd;
	margin-right: 10px;
	float: left;
}
.pro-1fx a:hover i {
	background: #ff791f;
	width: 37px;
	line-height: 37px;
	display: block;
	border-radius: 20px;
}
.pro-1right {
	width: 46%;
	float: right;
}
.pro-1cont {
	float: left;
	width: 83.5%;
	overflow: hidden;
}
.pro-1cont .swiper-slide {
	position: relative;
}
.pro-1cont .swiper-slide img {
	width: 100%;
	height: auto;
	cursor: pointer;/*max-width:80%;max-height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);*/
}
.pro-1nav {
	float: right;
	width: 15.234%;
	height: 14vw;
	margin-top: 50px;
	position: relative;
}
.pro-1nav .swiper-slide {
	box-sizing: border-box;
	border: 3px #f2f2f2 solid;
	position: relative;
	cursor: pointer;
}
.pro-1nav .swiper-slide img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.pro-1nav .swiper-slide.active {
	border-color: #ff791f;
}
.pro-1nav .swiper-button-prev {
	width: 100%;
	height: 40px;
	background: #f7f7f7 url("../images/icon-24.png") no-repeat center;
	left: 0px;
	margin: 0px;
	top: -50px;
}
.pro-1nav .swiper-button-next {
	width: 100%;
	height: 40px;
	background: #f7f7f7 url("../images/icon-24.png") no-repeat center;
	right: 0px;
	margin: 0px;
	top: auto;
	bottom: -50px;
	transform: rotate(180deg);
}
.pro-1nav .swiper-button-prev:hover, .pro-1nav .swiper-button-next:hover {
	background-color: #ddd;
}
.show-procon {
	width: 100%;
	overflow: hidden;
	background: #fff;
}
.show-procon .top {
	padding-top: 30px;
	overflow: hidden;
	border-bottom: 1px solid #eaeaea;
}
.show-procon .tab-tit {
	width: 100%;
}
.show-procon .tab-tit li {
	width: 16.66%;
	float: left;
	text-align: center;
	cursor: pointer;
}
.show-procon .tab-tit li span {
	font-size: 18px;
	color: #222;
	display: inline-block;
	padding-bottom: 30px;
	position: relative;
}
.show-procon .tab-tit li span a {
	color: #222;
}
.show-procon .tab-tit .active span {
	color: #ee7700;
}
.show-procon .tab-tit li:hover span, .show-procon .tab-tit li:hover span a {
	color: #ee7700;
}
.show-procon .tab-tit li span:before {
	width: 100%;
	height: 3px;
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	background: #ee7700;
	transform: scaleX(0);
	transition: 0.4s;
	opacity: 0;
}
.show-procon .tab-tit .active span:before, .show-procon .tab-tit li:hover span:before {
	transform: scaleX(1);
	opacity: 1;
}
.show-procon .tab-txt {
	width: 100%;
	overflow: hidden;
	position: relative;
}
.show-procon .tab-txt .tab-txtcon {
	width: 100%;
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 0px;
	opacity: 0;
	z-index: 1;
	padding: 50px 50px;
}
.show-procon .tab-txt .tab-txtcon.active {
	opacity: 1;
	z-index: 2;
	position: relative;
}
.show-procon .tab-txt .tab-txtcon.active p {
	line-height: 28px;
	color: #333;
}
.show-procon .tab-txt .tab-txtcon.active p img {
	max-width: 60%;
}
.show-procon .tab-txt .tab-txtcon.active table td p {
	line-height: 22px !important;
}
.show-procon .tab-txt .tab-txtcon.active table td {
	padding: 10px 4px;
	border: #dcdcdc solid 1px;
}
.show-procon .tab-txt .tab-txtcon.active table {
	border-collapse: collapse;
	width: 50%;
	text-align: center;
	margin-bottom: 10px;
	color: #333;
}
.show-procon .tab-txt .tab-txtcon sub {
	bottom: -0.5em;
	right: 16px;
}

@media (max-width: 992px) {
.show-procon .tab-txt .tab-txtcon.active p img {
	max-width: 100% !important;
}
.show-procon .tab-txt .tab-txtcon.active table {
	width: 100%;
}
}

@media (max-width: 1200px) {
.show-procon .tab-txt .tab-txtcon.active table {
	width: 100% !important;
}
}
/*.show-procon .tab-txt .tab-txtcon.active  table tr:hover{background:#fdf1e5; cursor: pointer;}*/
.show-proothe {
	margin-top: 78px;
	overflow: hidden;
}
.show-proothe .the-tit {
	height: 25px;
	margin-bottom: 26px;
}
.show-proothe .the-tit img {
	float: left;
	margin-right: 9px;
}
.show-proothe .the-tit h2 {
	display: block;
	line-height: 25px;
	font-size: 24px;
	color: #363c59;
}
.show-proothe .main {
	margin-top: 40px;
	overflow: hidden;
}
.show-proothe .swiper-slide {
	width: 25%;
	float: left;
	padding: 0 1rem;
	display: block;
}
.show-proothe .bottom40 {
	width: 100%;
	height: 20px;
}
.show-proothe .swiper-pagination {
	display: -webkit-box;
	display: -ms-flexbox;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.show-proothe .swiper-pagination-bullet {
	width: 12px !important;
	height: 12px !important;
	background: #919191;
	opacity: 1 !important;
}
.show-proothe .swiper-pagination-bullet-active {
	background: #ff791f !important;
}
.show-proothe .main .con {
	background: #fff;
	margin-bottom: 20px;
}
.show-proothe .main .con .txt {
	padding: 10px;
	line-height: 30px;
	text-align: center;
	color: #08080c;
	border-top: 2px solid #f7f9fc;
}
.show-proothe .main .con .txt a {
	color: #08080c;
}
.show-proothe .main .con:hover .txt {
	background: #ff791f;
	color: #fff;
}
.show-proothe .main .con:hover .txt a {
	color: #fff;
}
.show-proothe .main .con .pic {
	overflow: hidden;
}
.show-proothe .main .con .pic img {
	width: 100%;
}
.show-proothe .main .con .pic img {
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}
.show-proothe .main .con:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.show-proothe .main .con .t-3 {
	margin-top: 20px;
	line-height: 25px;
	overflow: hidden;
	color: #7b7b7b;
}
.show-proothe .main .con .t-3 p {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

@media (max-width: 992px) {
.show-pro {
	padding: 15px 0 40px 0;
}
.pro-1 {
	padding: 20px;
}
.pro-1left .tit .t-1 {
	font-size: 24px;
	margin-bottom: 14px;
}
.pro-1left .tit .t-2 {
	font-size: 16px;
}
.pro-1info {
	font-size: 14px;
	margin-top: 20px;
}
.pro-1-m {
	margin-top: 30px;
}
.pro-1more {
	width: 100%;
	float: none;
	overflow: hidden;
}
.pro-1fx {
	float: none;
	margin-top: 20px;
}
.pro-left {
	width: 100%;
	top: 0px;
	position: relative;
	max-height: 280px;
}
.pro-center {
	width: calc(100% - 20px);
}
.pro-right {
	width: 100%;
	margin-top: 30px;
}
.pro-li samp {
	height: 32vw;
}
.pro-form {
	width: 100%;
}
/*product-info*/
.pro-1 {
	padding: 20px 20px;
}
.pro-1center {
	width: 90%;
	display: block;
}
.pro-1right {
	width: 100%;
	float: none;
}
.pro-1left {
	width: 100%;
	float: none;
	padding-bottom: 20px;
}
.pro-1left .h3 {
	font-size: 18px;
}
.pro-1more a {
	width: 103px;
	height: 36px;
	line-height: 36px;
	margin-right: 10px;
}
.pro-1nav {
	height: 28vw;
}
.show-procon .tab-tit li {
	width: 33.33%;
}
.show-procon .tab-tit li span {
	font-size: 16px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.show-procon .tab-txt .tab-txtcon {
	padding: 30px 10px;
	overflow: scroll;
}
.show-procon .tab-txt .tab-txtcon p {
	width: 100%;
}
.show-proothe {
	margin-top: 40px;
	overflow: hidden;
}
.show-proothe .the-tit h2 {
	font-size: 18px;
}
.show-proothe .swiper-slide {
	width: 100%;
	padding: 0;
}
.show-news .othe-new .bottom40,.show-proothe .bottom40 {
	height: 0;
}
}
.inner-solution {
	width: 100%;
	overflow: hidden;
	padding: 50px 0 100px 0;
}
.inner-solution .con {
	background: #fff;
	overflow: hidden;
	margin-bottom: 20px;
}
.inner-solution .con .pic {
	overflow: hidden;
}
.inner-solution .con .pic img {
	width: 100%;
}
.inner-solution .con .pic img {
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}
.inner-solution .con:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.inner-solution .con .info {
	padding: 30px;
	overflow: hidden;
}
.inner-solution .con .info .t-1 {
	font-size: 24px;
	font-weight: bold;
	color: #363c59;
	margin-bottom: 15px;
}
.inner-solution .con .info .t-2 {
	line-height: 29px;
	color: #363c59;
	margin-bottom: 20px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.inner-solution .con .info .more {
	width: 140px;
	line-height: 45px;
	font-size: 14px;
	color: #152e80;
	background: #f4f8fd;
	text-align: center;
	border-radius: 23px;
}
.inner-solution .con:hover .more {
	background: linear-gradient(90deg, #fb8654, #fb6136);
	color: #fff;
}
.show-solution {
	padding: 50px 0 130px 0;
	overflow: hidden;
}
.show-solution .main {
	padding: 50px;
	background: #fff;
	overflow: hidden;
}

@media (max-width: 992px) {
.inner-solution {
	padding: 40px 0;
}
.inner-solution .con .info {
	padding: 20px 10px;
}
.inner-solution .con .info .t-1 {
	font-size: 18px;
}
.show-solution {
	padding: 40px 0;
}
.show-solution .main {
	padding: 30px 10px;
}
}
.service-1 {
	width: 100%;
	padding: 85px 0 75px 0;
	overflow: hidden;
	background: #e1e7f0;
}
.service-1 .pic1-pc {
	width: 100%;
	display: block;
	margin-top: 55px;
}
.service-1 .pic1-pc img, .service-1 .pic1-mobile img {
	width: 100%;
}
.service-1 .pic1-mobile {
	display: none;
	margin-top: 30px;
}
.service-1 .main {
	margin-top: 50px;
	overflow: hidden;
}
.service-1 .main .tit-1 {
	width: 300px;
	border-radius: 15px;
	font-size: 28px;
	color: #fff;
	line-height: 60px;
	text-align: center;
	background: linear-gradient(90deg, #fb8654, #fb6136);
	margin: 0 auto;
}
.service-1 .main .tit-2 {
	margin-top: 18px;
	text-align: center;
	font-size: 18px;
	color: #363c59;
}
.service-1 .pic2-pc {
	width: 100%;
	display: flex;
	justify-content: center;
	margin-top: 35px;
}
.service-1 .pic2-mobile img {
	width: 100%;
}
.service-1 .pic2-mobile {
	display: none;
	margin-top: 30px;
}

@media (max-width: 992px) {
.service-1 {
	padding: 40px 0;
}
.service-1 .pic1-pc {
	display: none;
}
.service-1 .pic1-mobile,  .service-1 .pic2-mobile {
	display: block;
	margin-top: 20px;
}
.service-1 .pic2-pc {
	display: none;
}
.service-1 .main {
	margin-top: 30px;
}
.service-1 .main .tit-1 {
	width: 200px;
	line-height: 40px;
	font-size: 20px;
}
.service-1 .main .tit-2 {
	font-size: 14px;
	line-height: 22px;
	margin-top: 10px;
}
}
@-webkit-keyframes sonarAnimation {
 0% {
 opacity: 0;
 -webkit-transform: scale(0.5);
 transform: scale(0.5);
}
 5% {
 opacity: 0.8;
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1.8);
 transform: scale(1.8);
}
}
@keyframes sonarAnimation {
 0% {
 opacity: 0;
 -webkit-transform: scale(0.5);
 transform: scale(0.5);
}
 5% {
 opacity: 0.8;
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1.8);
 transform: scale(1.8);
}
}
.service-2 {
	width: 100%;
	padding: 8px 0;
	overflow: hidden;
	background: #eff2f5;
}
.service-2 .boxLeft {
	width: 36%;
	float: left;
	margin-top: 190px;
	overflow: hidden;
}
.service-2 .boxLeft .txt {
	margin-top: 45px;
	color: #666;
	line-height: 35px;
}
.service-2 .boxLeft .numCount {
	width: 100%;
	overflow: hidden;
	margin-top: 80px;
}
.service-2 .boxLeft .numCount li {
	float: left;
	width: 50%;
	text-align: left;
	margin-bottom: 40px;
	border: 0;
}
.service-2 .boxLeft .numCount li .item {
	margin: 0;
	display: inline-block;
}
.service-2 .boxLeft .numCount li .item .indt {
	font-size: 16px;
	color: #000;
}
.service-2 .boxLeft .numCount li .item .indc {
	color: #5c5c5c;
	margin-top: 10px;
}
.service-2 .boxLeft .numCount li .numU {
	display: inline-block;
	vertical-align: middle;
	text-align: left;
}
.service-2 .boxLeft .numCount li .ic {
	width: 56px;
	height: 48px;
	display: inline-block;
	margin-right: 15px;
	vertical-align: middle;
}
.service-2 .boxLeft .numCount li .numCX {
	font-size: 54px;
	font-weight: bold;
	color: #201f1f;
}
.service-2 .boxLeft .numCount li .numU .unitC {
	font-size: 100%;
	line-height: 1.3;
	margin-left: 0.3em;
}
.service-2 .boxLeft .numCount li .numU em {
	font-size: 28px;
	color: #201f1f;
}

@media (max-width: 800px) {
.service-2 .boxLeft .numCount li .numCX {
	font-size: 24px;
}
}

@media (max-width: 640px) {
.service-2 .boxLeft .numCount li .numCX {
	font-size: 7vw;
}
}

@media (max-width: 480px) {
.service-2 .boxLeft .numCount {
	font-size: 0.5vw;
}
}

@media (max-width: 991px) {
.service-2 .boxLeft {
	margin-top: 40px;
}
.service-2 .boxLeft .txt {
	margin-top: 30px;
}
.service-2 .boxLeft .numCount {
	margin-top: 30px;
}
.service-2 .boxLeft .numCount li {
	width: 50%;
	margin-bottom: 20px;
	text-align: center;
}
.service-2 .boxLeft .numCount li:nth-child(2) {
	border: 0;
}
.service-2 .boxLeft .numCount li .ic {
	float: none;
	display: block;
	margin: 0 auto;
}
.service-2 .boxLeft .numCount li .numU {
	text-align: center;
	margin-top: 15px;
}
.service-2 .boxLeft .numCount li .item .indc {
	font-size: 14px;
	margin-top: 5px;
}
}
.service-2 .boxRight {
	width: 60%;
	float: right;
	overflow: hidden;
}
.service-2 .boxRight .main-pic {
	display: none;
}
.service-2 .boxRight .main {
	position: relative;
}
.service-2 .boxRight .main .img img {
	width: 100%;
}
.service-2 .boxRight .main .list .item {
	position: absolute;
	z-index: 1;
	top: 0%;
	left: 0%;
}
.service-2 .boxRight .main .list .item {
	-webkit-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
}
.service-2 .boxRight .main .list .item1 {
	top: 37%;
	left: 16%;
}
.service-2 .boxRight .main .list .item2 {
	top: 46%;
	left: 20%;
}
.service-2 .boxRight .main .list .item3 {
	top: 66%;
	left: 35%;
}
.service-2 .boxRight .main .list .item4 {
	top: 39%;
	left: 51%;
}
.service-2 .boxRight .main .list .item5 {
	top: 45%;
	left: 49%;
}
.service-2 .boxRight .main .list .item4 .orientation1 {
	left: -80px !important;
}
.service-2 .boxRight .main .list .item4 .orientation1::before, .service-2 .boxRight .main .list .item5 .orientation1::before {
	border: 0 !important;
}
.service-2 .boxRight .main .list .item5 .orientation1 {
	left: -96px !important;
}
.service-2 .boxRight .main .list .item6 {
	top: 38.5%;
	left: 57%;
}
.service-2 .boxRight .main .list .item7 {
	top: 43%;
	left: 54.5%;
}
.service-2 .boxRight .main .list .item8 {
	top: 48.5%;
	left: 54%;
}
.service-2 .boxRight .main .list .item9 {
	top: 33%;
	left: 76%;
}
.service-2 .boxRight .main .list .item10 {
	top: 42.5%;
	left: 87%;
}
.service-2 .boxRight .main .list .item11 {
	top: 48%;
	left: 82%;
}
.service-2 .boxRight .main .list .item11 .circle::before, .service-2 .boxRight .main .list .item11 .circle::after {
	border: 1px solid rgba(255, 121, 31, 0.7) !important;
}
.service-2 .boxRight .main .list .item11 .circle span {
	background: #ff791f !important;
}
.service-2 .boxRight .main .list .item11 .circle span:before {
	border: 1px solid #ff791f !important;
}
.service-2 .boxRight .main .list .item11 .orientation1 {
	color: #ff791f !important;
	font-size: 20px !important;
}
.service-2 .boxRight .main .list .item12 {
	top: 55.5%;
	left: 72%;
}
.service-2 .boxRight .main .list .item13 {
	top: 59.3%;
	left: 71.5%;
}
.service-2 .boxRight .main .list .item14 {
	top: 62.5%;
	left: 76%;
}
.service-2 .boxRight .main .list .item15 {
	top: 70%;
	left: 78%;
}
.service-2 .boxRight .main .list .item .circle {
	width: 40px;
	height: 40px;
	position: relative;
	display: flex;
}
.service-2 .boxRight .main .list .item .circle::before, .service-2 .boxRight .main .list .item .circle::after {
	content: "";
	position: absolute;
	top: -18px;
	right: -18px;
	bottom: -18px;
	left: -18px;
	border: 1px solid rgba(0, 76, 151, 0.7);
	border-radius: 100%;
	opacity: 0;
	-webkit-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5);
}
.service-2 .boxRight .main .list .item .circle::before, .service-2 .boxRight .main .list .item .circle::after {
	-webkit-animation: sonarAnimation 2.8s 0.1s cubic-bezier(0.075, 0.82, 0.165, 1) infinite;
	animation: sonarAnimation 2.8s 0.1s cubic-bezier(0.075, 0.82, 0.165, 1) infinite;
}
.service-2 .boxRight .main .list .item .circle span {
	display: block;
	margin: auto;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #004c97;
	position: relative;
}
.service-2 .boxRight .main .list .item .circle span:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid #004c97;
	opacity: 0.7;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}
.service-2 .boxRight .main .list .item .orientation1 {
	height: 35px;
	line-height: 35px;
	padding: 0 18px;
	white-space: nowrap;
	background: #fff;
	position: absolute;
	left: 50px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 18px;
	color: #004c97;
	font-weight: bold;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}
.service-2 .boxRight .main .list .item .orientation1::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%) translateX(-100%);
	-ms-transform: translateY(-50%) translateX(-100%);
	transform: translateY(-50%) translateX(-100%);
	border: 7px solid transparent;
	border-right-color: #fff;
}

@media (max-width: 992px) {
.service-2 .boxLeft,  .service-2 .boxRight {
	width: 100%;
	float: none;
	overflow: hidden;
}
.service-2 .boxRight .main {
	display: none;
}
.service-2 .boxRight .main-pic {
	display: block;
}
.service-2 .boxRight .main-pic img {
	width: 100%;
}
}
.service-3 {
	width: 100%;
	padding: 70px 0;
	overflow: hidden;
}
.service-3 .main {
	margin-top: 50px;
	overflow: hidden;
}
.service-3 .main img {
	width: 100%;
}
.service-3 .main .pic-left {
	width: 28%;
	float: left;
	overflow: hidden;
}
.service-3 .main .pic-center {
	width: 39%;
	float: left;
	margin-left: 2.5%;
	overflow: hidden;
}
.service-3 .main .pic-right {
	width: 28%;
	float: right;
	overflow: hidden;
}

@media (max-width: 992px) {
.service-3 {
	padding: 40px 0;
}
.service-3 .main {
	margin-top: 30px;
}
.service-3 .main .pic-left,  .service-3 .main .pic-center,  .service-3 .main .pic-right {
	width: 100%;
	float: none;
	margin-bottom: 20px;
}
.service-3 .main .pic-center {
	margin-left: 0;
}
}
.service-4 {
	width: 100%;
	padding: 55px 0 80px 0;
	background: #f7f9fc;
	overflow: hidden;
}
.service-4 .inhz {
	width: 100%;
	float: left;
	margin-top: 70px;
}
.inhz ul {
	display: flex;
	flex-wrap: wrap;
}
.inhz ul li {
	width: 300px;
	margin-right: 30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	transition: all 0.6s;
	float: left;
}
.inhz ul li .a01 {
	width: 100%;
	height: 140px;
	margin-bottom: 30px;
	border-radius: 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	transition: all 0.6s;
}
.inhz ul li .a01 a {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
.inhz ul li .a01 img {
	width: 100%;
}
.inhz ul li .a01:hover {
	border: 1px solid #ff791f;
}
#demo {
	overflow: hidden;
	border: 0px dashed #ccc;
	width: 100%;
}
#demo img {
}
#indemo {
	float: left;
	width: 1800%;
}
#demo1 {
	float: left;
}
#demo2 {
	float: left;
}

@media (max-width: 992px) {
.service-4 {
	padding: 40px 0;
}
.service-4 .main {
	margin-top: 30px;
}
.service-4 .inhz {
	margin-top: 40px;
}
.inhz ul li {
	width: 200px;
	margin-right: 10px;
}
.inhz ul li .a01 {
	height: 93px;
	margin-bottom: 10px;
}
}
.inner-down {
	width: 100%;
	padding: 50px 0 200px 0;
	overflow: hidden;
	background: #f7f9fc;
}
.inner-down-nav {
	width: 100%;
	overflow: hidden;
}
.inner-down-nav ul {
	justify-content: center;
	display: flex;
}
.inner-down-nav ul li {
	margin: 0 25px;
	float: left;
	text-align: center;
	color: #333;
}
.inner-down-nav ul li a {
	display: block;
	color: #333;
	border: 1px solid #ccc;
	border-radius: 23px;
	width: 174px;
	line-height: 54px;
}
.inner-down-nav ul li:hover {
	background: #ff791f;
	border-radius: 23px;
	color: #fff;
}
.inner-down-nav ul li:hover a {
	color: #fff;
	border: 1px solid #ff791f;
}
.inner-down-nav ul li .active {
	display: block;
	background: #ff791f;
	border: 1px solid #ff791f;
	border-radius: 23px;
	color: #fff;
}
.list_download {
	width: 75%;
	margin: 50px auto 0;
	overflow: hidden;
}
.list_download table {
	width: 100%;
	font-size: 18px;
}
.list_download tr {
	background: #fff;
	border-bottom: 1px solid #f7f9fc;
}
.list_download tr:hover {
	background: #ff791f;
	color: #fff;
}
.list_download tr:hover a {
	color: #fff;
}
.list_download tr:hover .pdfpic:before {
	background: url("../images/pdfa.png") no-repeat;
}
.list_download td {
}
.list_download td .pdfpic {
	position: relative;
	padding-left: 35px;
}
.list_download td a {
	color: #424242;
}
.list_download td .pdfpic:before {
	width: 23px;
	height: 23px;
	background: url("../images/pdf.png") no-repeat;
	content: "";
	position: absolute;
	left: 0;
	top: -3px;
}
.list_download th {
	background-color: #3c3c3c;
	color: #fff;
	font-size: 20px;
}
.list_download th:nth-child(2) {
	min-width: 150px;
}

@media (max-width: 991px) {
.inner-down {
	padding: 40px 0 80px 0;
}
.inner-down-nav ul li {
	margin: 0 10px;
}
.inner-down-nav ul li a {
	width: 150px;
	line-height: 40px;
}
.list_download {
	width: 100%;
	margin: 30px auto 0;
}
.list_download thead {
	display: none;
}
.list_download table {
	font-size: 14px;
}
.list_download th {
	font-size: 16px;
}
.list_download td {
	width: 80%;
}
}

@media (max-width: 640px) {
.list_download th:nth-child(2) {
	min-width: 120px;
}
}
.list_download th:nth-child(3) {
	width: 72px;
	text-align: center;
}

@media (max-width: 640px) {
.list_download th:nth-child(3) {
	width: 50px;
}
}

@media (min-width: 640px) {
.list_download th,  .list_download td {
	height: 80px;
	padding: 28px 70px;
	min-width: 200px !important;
}
.list_download th:nth-child(1),  .list_download td:nth-child(1) {
	width: 60%;
}
.list_download th:nth-child(3),  .list_download td:nth-child(3) {
	white-space: nowrap;
	min-width: 80px;
	text-align: center;
}
}

@media (max-width: 768px) {
.list_download th,  .list_download td {
	padding: 10px 20px;
	min-width: 100px !important;
}
}

@media (max-width: 639px) {
.list_download th,  .list_download td {
	padding: 10px 0;
}
}

@media (min-width: 768px) {
.list_download .icon-xiazai {
	width: 72px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	border: 1px solid #c9c9c9;
	border-radius: 3px;
	display: inline-block;
	transition: 0.6s;
	font-size: 18px;
}
.list_download .icon-xiazai:hover {
	background-color: #3c3c3c;
	color: #fff;
	border-color: #3c3c3c;
}
}

@media (max-width: 639px) {
.list_download th {
	display: none;
}
.list_download tr {
	display: block;
	padding: 20px;
	border-bottom: 1px solid #f2f2f3;
}
.list_download td {
	padding: 0;
}
.list_download td:nth-child(3) {
	display: none;
}
.list_download .time {
	font-size: 12px;
	margin-top: 10px;
	color: #999;
	text-align: right;
}
}
/*contact*/
.inner-contact {
	width: 100%;
	background: #f8f8f8;
	overflow: hidden;
	padding: 50px 0 80px 0;
}
.contact-box1 {
	width: 100%;
	background: #fff;
	overflow: hidden;
	margin-bottom: 50px;
}
.contact-box1 .con {
	padding: 50px 50px 0 50px;
	overflow: hidden;
}
.contact-box1 .con .t-1 {
	font-size: 48px;
	font-weight: bold;
	color: #363c59;
}
.contact-box1 .con .t-2 {
	margin: 16px 0 35px 0;
	color: #61667b;
	padding-bottom: 25px;
	border-bottom: 1px solid #dedede;
}
.contact-box1 .con .t-3 {
	margin-bottom: 18px;
	overflow: hidden;
}
.contact-box1 .con .t-3 i {
	display: block;
	float: left;
}
.contact-box1 .con .t-3 span {
	display: block;
	float: left;
	line-height: 30px;
	margin-left: 15px;
	font-size: 18px;
	color: #363c59;
}
.contact-box1 .con .t-3 em {
	color: #898c9b;
}
.contact-box1 .con .link {
	padding: 20px 0 30px 0;
	border-bottom: 1px solid #dedede;
	overflow: hidden;
}
.contact-box1 .con .link .m-l {
	height: 50px;
	float: left;
	margin-right: 20px;
	padding: 12px 26px;
	border: 1px solid #ddd;
	border-radius: 25px;
}
.contact-box1 .con .link .m-l i {
	display: block;
	float: left;
}
.contact-box1 .con .link .m-l span {
	display: block;
	line-height: 26px;
	float: left;
	color: #ff791f;
	margin-left: 10px;
}
.contact-box1 .con .jr-box {
	padding: 30px 0;
	overflow: hidden;
}
.contact-box1 .con .jr-box .txt {
	color: #363c59;
	margin-bottom: 30px;
	overflow: hidden;
}
.contact-box1 .con .jr-box .txt span {
	color: #ff791f;
	margin-left: 12px;
}
.contact-box1 .con .jr-box li {
	margin-right: 20px;
	float: left;
}
.contact-box1 .con .jr-box li img {
	border: 1px solid #d2dbe7;
	border-radius: 5px;
	display: block;
}
.contact-box1 .con .jr-box li em {
	display: block;
	margin-top: 10px;
	text-align: center;
	font-size: 14px;
	color: #363c59;
}
.contact-box1 .map {
	float: right;
	width: 100%;
}

@media (max-width: 991px) {
.inner-contact {
	padding: 40px 0;
}
.contact-box1 {
}
.contact-box1 .con {
	padding: 20px 10px 0 10px;
}
.contact-box1 .con .t-1 {
	font-size: 22px;
}
.contact-box1 .con .t-3 i {
	float: none;
}
.contact-box1 .con .t-3 span {
	font-size: 16px;
	float: none;
	margin-left: 0;
	line-height: 25px;
}
.contact-box1 .con .link .m-l {
	margin: 0 5px;
}
.contact-box1 .con .jr-box li {
	margin: 0 10px 10px 10px;
}
.contact-box1 .map {
	float: none;
}
.contact-box1 .map img {
	width: 100%;
}
}
.contact-box2 {
	padding: 50px;
	background: #fff;
}
.contact-box2 .t-1 {
	font-size: 48px;
	font-weight: bold;
	color: #363c59;
}
.contact-box2 .t-2 {
	margin-top: 16px;
	color: #61667b;
}
.contact-form-wrap {
	width: 100%;
	margin-top: 28px;
}
.input-item {
	margin-top: 20px;
}
.input-item input, .input-item textarea {
	border: 1px solid #e1e1e1;
	display: block;
	padding: 12px 15px;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
	width: 100%;
}
.input-item input:focus, .input-item textarea:focus {
	border-color: #eeb644;
}
.input-item .nice-select {
	border-color: #e1e1e1;
	height: 50px;
	padding-left: 15px;
	line-height: 50px;
}
.input-item .nice-select .list {
	max-height: 200px;
	overflow: auto;
}
.input-item .btn-brand {
	display: inline-block;
	width: auto;
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-size: 16px;
	margin: 20px 0 0;
	padding: 0 40px;
	background-color: #06417b;
	border-radius: 20px;
}
.btn-brand {
	background: linear-gradient(90deg, #fb8654, #fb6136);
	border-radius: 25px;
	color: #fff;
}

@media (max-width: 991px) {
.contact-box2 {
	padding: 20px;
}
.contact-box2 .t-1 {
	font-size: 22px;
}
.contact-box2 .t-2 {
	line-height: 25px;
	font-size: 14px;
}
.contact-form-wrap {
	margin-top: 0;
}
.input-item {
	margin-top: 18px;
}
}
.about-plan {
	padding-top: 45px;
}
.about-plan h2, .about-plan .dese {
	text-align: center;
}
.about-plan .desc {
	margin-bottom: 140px;
	margin-top: 60px;
	font-size: 16px;
	color: #666;
	line-height: 1.76;
}

@media (min-width: 1200px) {
.about-plan .bd {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url("../images/bg3.jpg");
}
.about-plan ul {
	width: 88%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	max-width: 1600px;
	max-width: 1300px;
	color: #fff;
	display: table;
	height: 768px;
	line-height: 1.76;
}
.about-plan ul li {
	width: 28%;
	padding: 90px 30px 0 50px;
	border-left: 1px solid rgba(255, 255, 255, 0.1);
	display: table-cell;
	overflow: hidden;
}
.about-plan ul li:first-child {
	border-left: 0;
}
.about-plan ul li:first-child .id::before {
	display: none;
}
.about-plan ul>* {
	transition: all 0.3s;
}
.about-plan ul .id {
	font-size: 60px;
	position: relative;
	font-family: medium;
}
.about-plan ul .id::before {
	content: "";
	display: block;
	position: absolute;
	width: 3px;
	height: 76px;
	background: #f38031;
	left: -51px;
	top: 50%;
	margin-top: -38px;
}
.about-plan ul .title {
	font-size: 35px;
	margin-bottom: 20px;
	line-height: 1.3;
}
.about-plan ul .info {
	font-size: 16px;
	line-height: 36px;
	overflow: hidden;
	transition-delay: 0.3s;
	opacity: 0;
	transition: all 0.3s ease-in;
	transform: translateY(200%);
}
.about-plan ul .en {
	font-size: 18px;
	opacity: 0.5;
	transition: all 0.3s;
	overflow: hidden;
}
.about-plan ul li.active {
	width: 44%;
}
.about-plan ul li.active .info {
	transform: translateY(0px);
	opacity: 1;
}
.about-plan ul li.active .en {
	opacity: 0;
	display: none;
}
}

@media (max-width: 1450px) and (min-width: 1200px) {
.about-plan ul {
	width: 100%;
	height: 700px;
}
.about-plan ul li {
	padding: 60px 20px 0 40px;
}
.about-plan ul .title {
	font-size: 30px;
}
.about-plan ul .info {
	font-size: 15px;
	line-height: 1.76;
}
}

@media (max-width: 1200px) {
.about-plan {
	width: 88%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	max-width: 1600px;
}
.about-plan li {
	margin-bottom: 50px;
	text-align: center;
}
.about-plan .id {
	height: 190px;
	font-size: 100px;
	line-height: 160px;
	color: #000000;
	text-align: center;
}
.about-plan .id::after {
	content: "";
	display: block;
	margin: 0 auto;
	height: 1px;
	width: 110px;
	background-color: #000;
}
.about-plan .title {
	margin-top: 30px;
	font-size: 20px;
	font-weight: 700;
	color: #000000;
	text-align: center;
}
.about-plan .title br {
	display: none;
}
.about-plan .en {
	text-transform: uppercase;
	font-size: 13px;
	margin: 10px 0 30px;
}
.about-plan .info {
	font-size: 16px;
	line-height: 1.4;
	color: #555555;
}
}

@media (max-width: 640px) {
.about-plan .desc {
	font-size: 16px;
	line-height: 1.4;
}
}

@media (max-width: 480px) {
.about-plan .info {
	text-align: left;
}
}
.job-1 {
	padding-top: 80px;
	background: #f7f9fc;
	overflow: hidden;
}
.job-1 .pc-pic {
	width: 100%;
	margin: 40px auto 0;
}
.job-1 .pc-pic img {
	width: 100%;
}
.job-1 .mobile-pic {
	display: none;
}
.job-2 {
	padding: 100px 0;
	background: #f7f9fc;
	overflow: hidden;
}
.recuit_box {
	width: 100%;
	margin-top: 40px;
	overflow: hidden;
}
.recuit_box .vhd {
	text-align: center;
}
.recuit_box .list {
}
.recuit_box .recruit_item {
	margin-bottom: 40px;
	background: #fff;
}
.recuit_box .recruit_item.open {
	background-color: #ff791f;
	border-color: #ff791f;
	color: #fff;
}
.recuit_box .recruit_item.open .hd .icon-down:before {
	content: "\e68b";
}
.recuit_box .recruit_item.open .hd .show {
	color: #fff;
	background-image: url("../images/arr_f.png");
}
.recuit_box .recruit_item.open .data, .recuit_box .recruit_item.open .bd {
	color: #fff;
}

@media (min-width: 640px) {
.recuit_box .recruit_item.open .show {
	color: #fff;
	background-image: url("../images/arr_f.png");
}
}
.recuit_box .hd {
	border: 1px solid #f2f2f3;
	padding: 0 60px;
}

@media (max-width: 480px) {
.recuit_box .hd {
	padding: 0 15px;
}
}
.recuit_box .hd .top {
	border-bottom: 1px solid #f2f2f3;
	cursor: pointer;
	padding: 20px 0;
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-align: center;
	box-align: center;
	-webkit-box-pack: justify;
	box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.recuit_box .hd .top .tit {
	font-size: 24px;
	font-weight: bold;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	margin-right: 10px;
}
.recuit_box .hd .top .tit i {
	margin-right: 10px;
}
.recuit_box .hd .top .tit .iconfont {
	margin-right: 10px;
}

@media (max-width: 992px) {
.recuit_box {
	margin-top: 30px;
}
.recuit_box .list {
}
.recuit_box .recruit_item {
	margin-bottom: 20px;
}
.recuit_box .hd .top .tit {
	font-size: 20px;
}
}

@media (max-width: 768px) {
.recuit_box .hd .top .tit {
	font-size: 17px;
}
}
.recuit_box .hd .top .show {
	color: #ff791f;
	font-size: 16px;
	padding-right: 28px;
	background: url("../images/arr_c.png") no-repeat right center;
}

@media (max-width: 480px) {
.recuit_box .hd .top .show {
	background-size: 0.2rem;
}
}
.recuit_box .hd .data {
	padding: 30px 0;
	color: #666;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

@media (max-width: 640px) {
.recuit_box .hd .data {
	padding: 15px 0;
}
.recuit_box .hd .data .txt {
	width: 50%;
	font-size: 14px;
	margin-bottom: 0.2rem;
}
}
.recuit_box .bd {
	display: none;
	border: 1px solid #fff;
	border-top: 0;
	padding: 40px 60px 90px;
	font-size: 16px;
	line-height: 1.76;
	color: #fff;
}

@media (max-width: 640px) {
.recuit_box .bd {
	font-size: 14px;
}
}

@media (max-width: 480px) {
.recuit_box .bd {
	padding: 0.4rem 0.3rem 0.9rem;
}
}
.recuit_box .bd p {
	min-height: 20px;
}

@media (max-width: 991px) {
.job-1 {
	padding-top: 40px;
}
.job-1 .pc-pic {
	display: none;
}
.job-1 .mobile-pic {
	display: block;
	margin: 30px auto 0;
}
.job-1 .mobile-pic img {
	width: 100%;
}
.job-2 {
	padding: 40px 0;
}
.job-2 .in-tit .t-5 {
	padding: 0;
}
}
.inner-video {
	width: 100%;
	background: #f8f8f8;
	overflow: hidden;
	padding: 50px 0 80px 0;
}
.inner-video-main {
	background: #fff;
	padding: 50px;
	overflow: hidden;
}
.inner-video-main .vd-item {
	margin-bottom: 20px;
	overflow: hidden;
	cursor: pointer;
}
.inner-video-main .vd-top {
	width: 100%;
	overflow: hidden;
	position: relative;
}
.inner-video-main .vd-top img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.inner-video-main .vd-item:hover .vd-top img {
	transform: scale(1.02);
}
.inner-video-main .vd-top span {
	width: 50px;
	height: 50px;
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: url("../images/icon-v.png") no-repeat center;
	background-size: 100%;
	z-index: 12;
}
.inner-video-main .tit {
	width: 100%;
	line-height: 54px;
	text-align: center;
	background: #ebebeb;
	color: #363c59;
}

@media (max-width: 991px) {
.inner-video {
	padding: 40px 0;
}
.inner-video-main {
	padding: 20px 10px;
}
.inner-video-main .vd-top span {
	width: 40px;
	height: 40px;
}
.inner-video-main .tit {
	line-height: 25px;
	padding: 10px;
}
}
/*video*/
.video-prop {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 1000;
	background: rgba(0, 0, 0, 0.6);
	text-align: center;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.video-prop:before {
	height: 100%;
	content: "";
	display: inline-block;
	vertical-align: middle;
}
.video-center {
	width: 65%;
	vertical-align: middle;
	display: inline-block;
	position: relative;
}
.video-center video {
	width: 100%;
	height: auto;
	display: block;
}
.video-close {
	width: 36px;
	height: 36px;
	overflow: hidden;
	position: absolute;
	right: -18px;
	top: -18px;
	z-index: 12;
	border-radius: 50%;
	background: #fafafa;
	text-align: center;
	cursor: pointer;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.video-close:before {
	width: 60%;
	height: 2px;
	content: "";
	position: absolute;
	left: 20%;
	top: calc(50% - 1px);
	background: #333;
	transform: rotate(45deg);
}
.video-close:after {
	width: 60%;
	height: 2px;
	content: "";
	position: absolute;
	left: 20%;
	top: calc(50% - 1px);
	background: #333;
	transform: rotate(-45deg);
}
.video-close:hover {
	transform: rotate(180deg);
}
.video-active {
	opacity: 1;
	visibility: visible;
}

@media screen and (max-width: 768px) {
.video-center {
	width: 90%;
}
.video-close {
	width: 32px;
	height: 32px;
	right: -16px;
	top: -16px;
}
}
/*分页*/
ul.pagination {
	display: block;
	float: right;
	overflow: hidden;
}
ul.pagination li {
	display: inline;
}
ul.pagination li a {
	color: black;
	float: left;
	padding: 8px 16px;
	text-decoration: none;
	transition: background-color 0.3s;
	border: 1px solid #ddd;
	margin: 0 4px;
}
ul.pagination li a.active {
	background-color: #084ea6;
	color: white;
	border: 1px solid #084ea6;
}
ul.pagination li a:hover:not(.active) {
	background-color: #ddd;
}

@media (max-width: 992px) {
ul.pagination {
	width: 100%;
	overflow: hidden;
}
ul.pagination li a {
	padding: 5px;
	font-size: 14px;
}
}
.zx-prop {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 2000;
	background: rgba(0, 0, 0, 0.7);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.6s ease 0s;
	-moz-transition: all 0.6s ease 0s;
	-ms-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
	transition: all 0.6s ease 0s;
}
.zx-prop.zx-prop-active {
	opacity: 1;
	visibility: visible;
}
.zx-center {
	width: 60%;
	overflow: hidden;
	background: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	padding-bottom: 30px;
}
.zx-close {
	width: 30px;
	height: 30px;
	position: absolute;
	right: 20px;
	top: 20px;
	transform: rotate(45deg);
	z-index: 12;
	cursor: pointer;
}
.zx-close:before {
	width: 70%;
	height: 2px;
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: #222;
}
.zx-close:after {
	width: 2px;
	height: 70%;
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: #222;
}
.zx-close:hover {
	transform: rotate(135deg);
}
.zx-center .h3 {
	width: 100%;
	overflow: hidden;
	text-align: center;
	font-size: 26px;
	font-weight: bold;
	color: #333;
	position: relative;
	padding-bottom: 15px;
	margin-top: 50px;
}
.zx-center .h3:before {
	width: 60px;
	height: 4px;
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0px;
	background: #084ea6;
}
.zx-center form {
	width: 90%;
	overflow: hidden;
	margin: 20px auto 0px;
}
.zx-g {
	width: 100%;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.zx-g select, .zx-g .txt5 {
	width: 32%;
	overflow: hidden;
	box-sizing: border-box;
	margin-top: 20px;
	border: 1px #e3e3e3 solid;
	height: 40px;
	line-height: 40px;
	background: #fff;
	/* padding: 0px 20px; */
	font-size: 14px;
	color: #666;
}
.zx-g .txt5::placeholder {
 color: #666 !important;
 opacity: 1;
}
.zx-g .txt5::-webkit-input-placeholder {
 color: #666 !important;
 opacity: 1;
}
.zx-g .txt5::-ms-input-placeholder {
 color: #666 !important;
 opacity: 1;
}
.zx-g .txt5::-moz-placeholder {
 color: #666 !important;
 opacity: 1;
}
.zx-g select {
	width: 100%;
	background: url("../images/icon-108.png") no-repeat 95% center;
}
.zx-g textarea {
	width: 100%;
	overflow: hidden;
	box-sizing: border-box;
	margin-top: 20px;
	border: 1px #e3e3e3 solid;
	background: #fff;
	padding: 20px;
	font-size: 14px;
	color: #666;
	line-height: 24px;
	height: 180px;
}
.zx-g textarea::placeholder {
 color: #666 !important;
 opacity: 1;
}
.zx-g textarea::-webkit-input-placeholder {
 color: #666 !important;
 opacity: 1;
}
.zx-g textarea::-ms-input-placeholder {
 color: #666 !important;
 opacity: 1;
}
.zx-g textarea::-moz-placeholder {
 color: #666 !important;
 opacity: 1;
}
.zx-bt {
	width: 100%;
	overflow: hidden;
	padding-top: 30px;
}
.zx-bt input {
	width: 40%;
	height: 40px;
	line-height: 40px;
	display: block;
	margin: 0px auto;
	overflow: hidden;
	cursor: pointer;
	background: #084ea6;
	text-align: center;
	font-size: 14px;
	color: #fff;
}
.zx-bt input:hover {
	transform: translateY(-3px);
}
.zx-g select:hover, .zx-g.txt5:hover, .zx-g textarea:hover {
	border-color: #084ea6;
}

@media screen and (max-width: 1440px) {
.zx-center {
	width: 70%;
	padding-bottom: 24px;
}
.zx-center form {
	margin: 10px auto 0px;
}
}

@media screen and (max-width: 768px) {
.zx-center .h3 {
	margin-top: 20px;
	font-size: 20px;
}
.zx-center .h3:before {
	width: 30px;
	height: 2px;
}
.zx-center {
	width: 90%;
	padding-bottom: 14px;
}
.zx-center form {
	margin: 10px auto 0px;
}
.zx-g select,  .zx-g .txt5 {
	width: 100%;
	margin-top: 6px;
	height: 35px;
	line-height: 35px;
}
.zx-g textarea {
	margin-top: 6px;
	height: 90px;
}
.zx-bt {
	padding-top: 15px;
}
.zx-bt input {
	width: 100%;
}
}
#attr_set {
	width: 100%;
	margin-bottom: 20px;
}
#myModal .modal-body video {
	width: 100%;/*min-height: 320px;*/
}
/*产品页在线留言*/
.zx-prop {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 2000;
	background: rgba(0, 0, 0, 0.7);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.6s ease 0s;
	-moz-transition: all 0.6s ease 0s;
	-ms-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
	transition: all 0.6s ease 0s;
}
.zx-prop.zx-prop-active {
	opacity: 1;
	visibility: visible;
}
.zx-center {
	width: 40%;
	overflow: hidden;
	background: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	padding-bottom: 30px;
}
.zx-close {
	width: 30px;
	height: 30px;
	position: absolute;
	right: 20px;
	top: 20px;
	transform: rotate(45deg);
	z-index: 12;
	cursor: pointer;
}
.zx-close:before {
	width: 70%;
	height: 2px;
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: #222;
}
.zx-close:after {
	width: 2px;
	height: 70%;
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: #222;
}
.zx-close:hover {
	transform: rotate(135deg);
}
.zx-center .h3 {
	width: 100%;
	overflow: hidden;
	text-align: center;
	font-size: 26px;
	font-weight: bold;
	color: #333;
	position: relative;
	padding-bottom: 15px;
	margin-top: 40px;
}
.zx-center .h3:before {
	width: 60px;
	height: 4px;
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0px;
	background: var(--default_color);
}
.zx-center form {
	width: 90%;
	overflow: hidden;
	margin: 20px auto 0px;
}
.zx-g {
	width: 100%;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.zx-g .txt5 {
	width: 49%;
}
.zx-g .sel {
	width: 100%;
}
.zx-g .sel select {
	overflow: hidden;
	box-sizing: border-box;
	margin-top: 20px;
	border: 1px #e3e3e3 solid;
	height: 40px;
	line-height: 40px;
	background-color: #fff;
	padding: 0px 10px;
	font-size: 14px;
	color: #666;
}
.zx-g .txt5 input[type="text"], .zx-g .txt5 input[type="email"] {
	width: 100%;
	overflow: hidden;
	box-sizing: border-box;
	/* margin-top: 12px; */
  /* border: 1px #e3e3e3 solid; */
	height: 40px;
	line-height: 40px;
	background-color: #fff;
	padding: 0px 10px;
	font-size: 14px;
	color: #666;
	border: none;
}
.zx-g .txt5 .invalid-feedback, .zx-g .sel .invalid-feedback, .zx-g .txt .invalid-feedback {
	line-height: 20px;
	text-indent: 6px;
}
zx-g .txt5::placeholder {
 color: #666 !important;
 opacity: 1;
}
.zx-g .txt5::-webkit-input-placeholder {
 color: #666 !important;
 opacity: 1;
}
.zx-g .txt5::-ms-input-placeholder {
 color: #666 !important;
 opacity: 1;
}
.zx-g .txt5::-moz-placeholder {
 color: #666 !important;
 opacity: 1;
}
.zx-g select {
	width: 100%;
	background: url("../images/icon-108.png") no-repeat 98% center;
}
.zx-g .txt.form-floating {
	width: 100%;
}
.zx-g .form-floating textarea {
	width: 100%;
	overflow: hidden;
	box-sizing: border-box;
	margin-top: 20px;
	border: 1px #e3e3e3 solid;
	background-color: #fff;
	padding: 10px;
	font-size: 14px;
	color: #666;
	line-height: 24px;
	height: 100px;
}
.zx-g textarea::placeholder {
 color: #666 !important;
 opacity: 1;
}
.zx-g textarea::-webkit-input-placeholder {
 color: #666 !important;
 opacity: 1;
}
.zx-g textarea::-ms-input-placeholder {
 color: #666 !important;
 opacity: 1;
}
.zx-g textarea::-moz-placeholder {
 color: #666 !important;
 opacity: 1;
}
.zx-bt {
	width: 100%;
	overflow: hidden;
	padding-top: 30px;
}
.zx-bt input {
	width: 40%;
	height: 40px;
	line-height: 40px;
	display: block;
	margin: 0px auto;
	overflow: hidden;
	cursor: pointer;
	background: var(--default_color);
	text-align: center;
	font-size: 14px;
	color: #fff;
}
.zx-bt input:hover {
	transform: translateY(-3px);
}
.zx-g select:hover, .zx-g.txt5:hover, .zx-g textarea:hover {
	border-color: var(--default_color);
}

@media screen and (max-width: 1440px) {
.zx-center {
	width: 70%;
	padding-bottom: 24px;
}
.zx-center form {
	margin: 10px auto 0px;
}
}

@media screen and (max-width: 768px) {
.zx-center .h3 {
	margin-top: 20px;
	font-size: 20px;
}
.zx-center .h3:before {
	width: 30px;
	height: 2px;
}
.zx-center {
	width: 90%;
	padding-bottom: 14px;
}
.zx-center form {
	margin: 10px auto 0px;
}
.zx-g select,  .zx-g .txt5 {
	width: 100%;
	margin-top: 8px;
	height: 35px;
	line-height: 35px;
}
.zx-g textarea {
	margin-top: 6px;
	height: 90px;
}
.zx-bt {
	padding-top: 15px;
}
.zx-bt input {
	width: 100%;
}
}

@media (max-width: 990px) {
.show-pro .show-new-fl .show_qrcode {
	position: absolute;
	top: 138px;
	right: 174px;
}
.page_ {
/* display: none !important; */
}
}
#show_modal .modal-body img {
	width: 100%;
}
.inner-about4 {
	width: 100%;
	padding: 80px 0 90px 0;
	overflow: hidden;
}
.inner-about4 .main {
	margin-top: 60px;
	overflow: hidden;
}
.inner-about4 .main .bottom40 {
	width: 100%;
	height: 40px;
}
.inner-about4 .main .swiper-pagination-bullet-active {
	background: #06417b!important;
}
.inner-about4 .main .swiper-pagination-bullet {
	width: 12px!important;
	height: 12px!important;
	background: #949494;
	opacity: 1!important;
}
.inner-about4 .main .img {
	overflow: hidden;
	border: 1px solid #e9e9e9;
}
.inner-about4 .main .img img {
	width: 100%;
}
.inner-about4 .main .img img {
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}
.inner-about4 .main .img:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

@media (max-width: 991px) {
.inner-about4 {
	padding: 40px 0;
}
.inner-about4 .main {
	margin-top: 30px;
}
}
.bottom40 {
	margin-bottom: 40px;
}
